Mike Hindle

Hi Sumit.

Thank you for this and that did indeed work a treat.

Appreciate it and have a great week.

Mike.

Perfect and worked a treat. Thanks so much, Mike.

Thanks for this, Mike.

Appreciate the update. I’ve added the CSS (via additional CSS in Global Styles), but it’s not making any difference as yet for some reason.

I’m using WordPress 6.5 so unsure if that’s affecting anything?

Hi there. The plugin has updated but it’s still doing the same thing.

Is there a setting or something that I’ve missed?

Hi Felipe. It’s now sorted. I had to reset the link styles which has now made changing the sizes work.

Hi Felipe. Just another quick update as I’ve been playing around with it trying to get it fixed. No joy, but it’s also affecting the header nav. If I change the text size it stays the same and increases the padding above and below.

Of course. Done!

Perfect! It’s now working, thank you, Felipe. Really appreciate your help.

Hi Felipe. Another quick update.

Whatever is causing the issue, it’s also affecting the blog post titles that you’ll see at the bottom of the home page. Changing the font size isn’t doing anything there either.

I’ve switched the theme over from Kadence, if that’s of any use…

Cheers.

Mike.

Hi Felipe. I added ads per your example, so using mycustombutton.

Hope that helps and any other info you need just let me know…

Hi Felipe. Thanks for the reply.

Yes, sure. Here’s the code.

<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"24px","bottom":"24px","left":"24px","right":"24px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignwide" style="padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px"><!-- wp:group {"style":{"border":{"radius":"24px"},"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"backgroundColor":"base","layout":{"type":"default"}} -->
<div class="wp-block-group has-base-background-color has-background" style="border-radius:24px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:group {"align":"full","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->
<div class="wp-block-group alignfull"><!-- wp:group {"style":{"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"blockGap":"0.5rem"}},"layout":{"type":"flex"}} -->
<div class="wp-block-group"><!-- wp:site-logo {"width":50} /-->

<!-- wp:site-title {"style":{"layout":{"selfStretch":"fit","flexSize":null},"elements":{"link":{"color":{"text":"var:preset|color|accent-2"}}}},"textColor":"accent-2","fontSize":"medium","fontFamily":"system-sans-serif"} /--></div>
<!-- /wp:group -->

<!-- wp:navigation {"ref":10278,"textColor":"accent-2","layout":{"type":"flex","justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"},"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}}} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

Thank you, Felipe.

I’ve added everything as instructed but it’s not affecting anything as yet.

Just to confirm as well it’s only the hover colour that I need to change. Any other info you need from me just shout and thank you again for your help with this…

Hi Sumit.

Amazing and that’s great to hear. Looking forward to the update.

Cheers.

Hi Felipe. Again, worked perfectly so thank you.

Regarding the buttons, it’s just the two that are in the hero section of the home/leaflet distribution page and the leaflet printing page. As they are on a dark background and when you hover over them they go dark.

I’d just like to change the hover background to something like a #EAEDEB background with #22382B text.

Morning Felipe. That has worked perfectly. Thank you so much ??