Hever/Varia THEME

nagashiwa · Member · Feb 16, 2021 at 2:27 pm
Copy link

Add topic to favorites
Hi, I’ve been using HEVER for a while now and since the last few updates they also updated the link color for if you use a ‘paragraph background color’ If I change the link color just with CSS like a {#FF0000} the color in the paragraph background color will also receive that color which can be annoying if the paragraph color has a dark color, while the website background color is white.

example

Interview with Nagasawa Tomonori

so how can I put the link color in the boxes on white while the normal link color will be black or a different darker color?
Thanks for help
staff-totoro · Staff · Feb 17, 2021 at 2:39 am
Copy link
Hi there,

so how can I put the link color in the boxes on white while the normal link color will be black or a different darker color?

I’m not sure I understood your request. Are you trying to change the link color of links in the colored boxes? Or do you mean you want to change the link color of links in the white page area below.

Also what is the color you want to change the link to? Do you want the hover to be a different color than the normal appearance?

Thanks for the additional info!
nagashiwa · Member · Feb 18, 2021 at 2:24 pm
Copy link
Yes that right, I want to change the color of those links.

Right now the basic color is the blue color. which well cannot be seen in the blue box. But if I change it from blue to white… all links turn into which which leads to unable to read in the post.

Before all link colors where correct, but since the new updates… somehow the blue box colors have the same color as on the rest of the page…
nagashiwa · Member · Feb 18, 2021 at 2:26 pm
Copy link
Yes that right, I want to change the color of those links.

Right now the basic color is the blue color. which well cannot be seen in the blue box. But if I change it from blue to white… all links turn into WHITE which leads to unable to read in the post.

Before all link colors where correct, but since the new updates… somehow the blue box link colors have the same link color as on the rest of the page. And that wasn’t before at all.
aleone89 · Staff · Feb 18, 2021 at 4:11 pm
Copy link
Hello there,

It looks like the site is hosted on Hosting24, so the support provided here is limited.

For help in the first instance, this should be sought here: https://wordpress.org/support/forums/

Looking at the page, it looks like you should be able to change the colour in the actual page, as seen here: https://wordpress.com/support/wordpress-editor/blocks/paragraph-block/#text-color

Does this look familiar?

I hope this helps.
nagashiwa · Member · Feb 19, 2021 at 4:34 pm
Copy link
Looking at the page, it looks like you should be able to change the colour in the actual page, as seen here: https://wordpress.com/support/wordpress-editor/blocks/paragraph-block/#text-color

Well that doesn’t work anymore.
It worked well until the last few updates did happen…
staff-blorbo · Staff · Feb 19, 2021 at 7:48 pm
Copy link
Do you have this issue in any other theme, or just Hever?
nagashiwa · Member · Feb 19, 2021 at 8:42 pm
Copy link
I guess it’s because of VARIA theme. Hever is part of varia theme.
When I check other themes, there is no problem. but when I put it on varia, it also has this box issue.

so there seem to be some buggy box color code in the varia theme. (which I didn’t change, but the makers changed)
staff-blorbo · Staff · Feb 19, 2021 at 11:09 pm
Copy link
Hm, yes, so the issue here is that Varia and Hever don’t apply a unique style to those particular links, therefore they cannot be changed independently of other links.
nagashiwa · Member · Feb 20, 2021 at 12:49 pm
Copy link
That’s right…For now I’ve put the links all as RED, looks the best for now.

But I wonder where to contact the maker of the themes? I guess it’s a bug they only can fix.
staff-totoro · Staff · Feb 22, 2021 at 3:03 am
Copy link
Hi there,

Right now the basic color is the blue color. which well cannot be seen in the blue box. But if I change it from blue to white… all links turn into which which leads to unable to read in the post.

But I wonder where to contact the maker of the themes? I guess it’s a bug they only can fix.

I would say that this is something that is best addressed with some more targeted CSS. If you wish, you can use the following CSS to change the text color for links in the colored boxes only:
```
.has-primary-background-color a {
    color: rgb(255 255 255);    
}

.has-primary-background-color a:hover {
    color: rgb(255 255 255 / 60%);    
}
```
This will allow you to set a link color for the text (area with the white background) using the standard setting. Then the above CSS will override that, and make the links in the colored boxes white instead.

Hope that helps. Please let us know if you have any more questions.
nagashiwa · Member · Feb 25, 2021 at 5:11 pm
Copy link
Thank you!
Yes, that works!

Also I just had an theme update and the bug seems to be fixed! (^_^)
But you code is useful if still wishing for different colors.

No items found.