I have a confilict issue with Stackideas & Techjoomla
By Jarook on Sunday, 24 September 2017
Posted in Elegant
Likes 0
Views 1K
Votes 0
Actually this issue is not belongs to you. Since I couldn't get proper solution from Techjoomla, I am writing this to you to get help on the following issue. (This issue is based on SocialAds)

Menu Path is: Ads(from top menu) > Active Ads > View Details

Issue is : While mouse over SocialAds View, the Titles, Icons and Numbers shown in the images are hiding.(screen shot_1 & screen shot_2)

Also I tried this same component in different Template, It works perfectly. Only with "Elegant" template I found this issue.

Regarding this I made a complaint with Techjoomla. They provided me the following css code to add. I added it too. But you know after adding the css code, This problem is solved. At the same time it changes huge alignment different in my whole website. You can also check by adding them.(See the screen shot_3 & screen shot_4 )

.sa-wrapper .hasPopover, .hasTooltip, a {
display: block !important;
}


Because of these sort of conflict, I am requesting your help to solve this issue. If you can please kindly solve this issue.

Thank you.
I've applied some css fix into this file -> JoomlaFolder/templates/elegant/css/custom.css


.master #sa-ads #no-more-tables .btn.btn-micro.hasTooltip,

.master #sa-ads #no-more-tables .hasPopover {

	display: block !important;

}

Can you give it a check is it work fine now?

By the way, is it possible send us that ads installer and guide us a little bit how to configure this so I can try replicate this issue into our locally and see where this issue coming from?
Arlex Wong
·
Monday, 25 September 2017 11:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Arlex Wong.

Everything fixed except a certain 1 issue. see the image.
Jarook
·
Monday, 25 September 2017 14:21
·
0 Likes
·
0 Votes
·
0 Comments
·


.master #sa-ads #no-more-tables .btn.btn-micro.hasTooltip,

.master #sa-ads #no-more-tables .hasPopover, 

.master #sa-ads #no-more-tables [rel=popover] {

	display: block !important;

}


I already updated above css into your custom.css file, it should render correctly now.

By the way, it seems like that is conflict with Joomla bootstrap version 2 because Elegant template already using bootstrap 3.x, we will see what we can do in the future release version.
Arlex Wong
·
Monday, 25 September 2017 15:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Thnks:D
Jarook
·
Monday, 25 September 2017 16:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.
Arlex Wong
·
Monday, 25 September 2017 19:17
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post