Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Global style issue

  • 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

    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

    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; {
                    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:

    The 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.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.