Global block buttons appear different in sidebar

Support
#1

Hi there,

I’m using a global block to display two buttons in the sidebar:
https://test.lovie.school/meine-frau-ist-ploetzlich-verstorben/

but the icon and text font look like the font-weight was increased or a border was added.
How can I make it look like it is supposed to: https://test.lovie.school/test/

Thanks

#2

Hello @ArtOfSpring,

Thanks for writing in!

I checked the Global block and then inspected the page (front end). I see that you have set the font weight to 600. In front end I don’t see any divergence and font weight is 600. In front end I don’t see border adding around buttons.

I suggest you to please clear browser cache and try loading website again.

Thanks.

#3

Hi there,

sure when I inspect them I also get font-weight 600 but they still look different:
https://test.lovie.school/test/
Please compare the buttons in the blog post with those in the sidebar (both same global block).
Please find a screenshot attached.

#4

Hello @ArtOfSpring,

Thanks for updating the thread. :slight_smile:

I inspected the page and can see that in sidebar widgets there’s a text shadow effect and because of that you see variance in the display of button.

In Order to remove text shadow from sidebar widget thus making button in sidebar look like similar to left side content area buttons. To do that please add following CSS under Pro > Theme Options > CSS:

.widget {
    text-shadow: none !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#5

Thanks, that’s it!

#6

You’re welcome.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.