• Resolved jcoonrod

    (@jcoonrod)


    I’ve set the global style to have black text and black underlined links. But I want the footer to have white text on a navy background. That works. But there seems to be no way in a block to set the link text color – how do I do that?

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • csonnek

    (@csonnek)

    Happiness Rocketeer ??

    If you want a link color in your footer that’s different from the default, you’ll need to use CSS to just target the footer and override the primary link color:

    .site-footer-container a {
        color: #ff0000;
    }

    That will make the link red. Change #ff0000 to whatever color you choose.

    I hope that helps!

    Thread Starter jcoonrod

    (@jcoonrod)

    Thanks, but I cannot see an easy way to add custom css to Blockbase – there is no file editor or customizer – how would I add custom css without going into vscode or something with the theme source code… seems to kind of defeat the purpose a FSE…

    Thread Starter jcoonrod

    (@jcoonrod)

    I also tried direct access to customize.php – it worked while inside customize, but after I publish, the Blockbase theme did not load the additional css. But then I noticed the evil jquery was in there. Huh. It was because I was using the tabs plugin. Once I got rid of that plugin, bingo – the custom css created via direct access to /wp-admin/customize.php worked! Yay!

    • This reply was modified 2 years, 6 months ago by jcoonrod.
    • This reply was modified 2 years, 6 months ago by jcoonrod.

    Ah! Thank you for letting us know. We’ll also see if there’s a way to edit link color within the footer through FSE and update you with our findings. Cheers

    • This reply was modified 2 years, 6 months ago by supernovia.

    Good news! It should already be possible. Using the Full Site Editor’s list view, click on the group for your footer. Look at the color options in the right-hand side of the page. You should see a foreground and background color option. Tap the three dots on colors to see if it’s hiding any more options. Link should be there.

    Thread Starter jcoonrod

    (@jcoonrod)

    Thanks @supernovia – but Bad news! No, it doesn’t. I agree Link should be there but it is no – only Text and Background.

    Hmm, I think this is more of a core/Gutenberg FSE setting rather than something specific to Blockbase, but it’s possible I’m using a different version (I tend to run beta).

    Try this, though:

    – Use the list view on the left to select a group.

    – Click the gear option (upper right) so you’ll be looking at settings for that group rather than the overall Styles setting for the site.

    – You should see Colors there. It will say text and background. But tap the three-dots menu. Link should be one of the options, and if you click that, Link will appear in the list.

    I have a screenshot of what that looks like for me here. Can you see these options?

    I noticed that visual preference to display Links Color doesn’t persist across other blocks. But if you aren’t seeing that option at all, please let me know what version of WordPress you’re using so I can double-check that. Thanks!

    Thread Starter jcoonrod

    (@jcoonrod)

    You are right! Group Styles is the trick! Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to set link color in block’ is closed to new replies.