-
Hi I have created a button which has a global class which has a font size 12px.
This class is shared in different kind of buttons and it is working perfectly fine
You can check here https://iqskinclinics.gr/landing-page/
Is the first button on the right of the nav items.
But it will not work on all the other pages
take a look here https://iqskinclinics.gr/
As you can see it changes its font to 15px which as I saw it comes from main.min of GP
.main-navigation a {
display: block;
text-decoration: none;
font-weight: 400;
text-transform: none;
/* font-size: 15px; */
} -
On the homepage, the button’s size 12px is from the local block setting not from the global style；
a.gb-button-608f8e9c { column-gap: 0.5em; font-size: 12px; text-transform: uppercase; color: var(--global-color-8); text-decoration: none; }And the style is not from the button in the element, but from the button in the homepage content area:
https://app.screencast.com/WlQwZMkAZGELxThe fix would be:
1. Go to the menu bar item element, and duplicate the button to generate a new ID for the button.
2. Set the font-size for the button, not global style.
- You must be logged in to reply to this topic.