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 WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Sticky bottom mobile contact bar too tall, links are inheriting global style.

  • Anonymous
    August 30, 2025 at 10:18 am

    added the css for .mobile-action-bar

    created an element, added icons, and was even able to make each container a link.

    I can’t figure out why the bottom bar is so tall, maybe i missed one setting, not sure. HOw do i make the bottom bar slightly taller than the actual icons? I believe i made the icons 20PX tall, and left 16PX padding – so the bar should be 40 PX max and it seems to be much more than that. Th text is also not centered height-wise.

    secondly the links are blue, and was hoping to make them white same as the SVG icons.

    I am assuming i’ll have to append the link attributes to the .mobile-action-bar .css

    Thank you in advance for all your help!

  • Alvind
    August 31, 2025 at 4:55 am

    Hi there,

    The extra height in the bottom bar is caused by the default paragraph bottom margin, which is set to 1.5em by default. To fix this, select the text block inside the bottom bar element and set its bottom margin to 0.

    Regarding the link color issue, go to Customize > Colors > Content > Link and remove the color setting there — it’s overriding the link color you set on the block. If you want to keep a site-wide link color without overriding block-specific colors, set it under Customize > Colors > Body > Link instead.

  • Anonymous
    August 31, 2025 at 7:29 am

    The line height was solved, thank you.

    Regarding the link color issue – i already had removed the color settings under Customize > Colors > Content > Link, and enabled them under Customize > Colors > Body > Link instead.

    Any other suggestion? maybe my added on css somewhere is messing with it?

  • Alvind
    August 31, 2025 at 4:42 pm

    Can you temporarily disable the SiteGround Optimizer plugin? I’m trying to inspect the CSS, but I can’t find the true source of the link style since it’s being cached by the plugin.

    Let me know once it’s disabled, and I’ll check again.

  • Anonymous
    August 31, 2025 at 4:51 pm

    disabled caching

  • Alvind
    August 31, 2025 at 6:36 pm

    Try this: select the parent container that wraps all the columns (.gb-element-99f7099d), then click on the Links selector: https://cln.sh/9DDvYfKpfQHMc5VGbXdH

    After that, set the color under the Typography settings.

  • Anonymous
    August 31, 2025 at 7:30 pm

    Thank you, that worked!

    Marking as solved.

  • Alvind
    August 31, 2025 at 8:22 pm

    Glad to hear that!

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