-
Posts
-
Hello, My attempt at this seems to work in Chrome only. Please let me know how I can alter using CSS the width of the social share button and perhaps change the colour to yellow as well.
The link is in the private area and the share button is in the right bottom third of the page. Thanks in advanceJust a heads up that my WOO commerce product detail page has a customised version of this share button and I do not want this to be altered. I am placing the link for this in the private area as well.
Hi,
Add this to quick css:
#top .av-share-box ul{ background:yellow!important; }Best regards,
Jordan ShannonThe main request was to change the width to 40% or 1/3 of its current size. The code you provided does not do this.
Additionally, my issue was with this code functioning on all browser types. What you provided does not function in Safari and Firefox.
This does nto work either
#top .av-share-box ul{
background:yellow!important;
width:40%!important;
}Also, I mentioned that I do not want this code to affect the WOO commerce product detail page and it does. Can you please recheck these and test before resending
Hi hingex,
So you want just this button https://cl.ly/4344112f2R1s to be smaller and yellow?
Best regards,
VictoriaThe first person did not answer this correctly and you are asking me again so I will rephrase.
The code that I have currently is as below but it is not displaying the button consistently in firefox, chrome and or safari.
I will like the button to have a width of about 40% or the same length or slightly shorter than the text header.
Then I wouold like the background fo the button to be yellow.
What is the correct code to ensure consistency in the resulting button length and color in all browsers and without affecting the same social share widget that I am using in the WOO commerce product detail pages per the link I provided? Basically, your suggested code and solution should not break the social share button in the product detail page#top .av-share-box ul{
background:#FFFF00!important;
width:40%!important;
}
- You must be logged in to reply to this topic.