Change highlights-background colour in CSS to transparent

  • Resolved tinoz

    (@tinoz)


    5 years, 8 months ago

    Hi,

    I want to change the background of the highlights on the front page to transparent.
    In the Customizer it’s unfortunately only possible to change the colour.

    Where exactly can I change it in my style CSS?
    Already tried it everywhere in the “highlights” section, but it didn’t change.

    I already changed the background of the site description to transparent. This worked.

    I would appreciate if you could help me!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Carolina Nymark

    (@poena)

    Hi
    I have worked hard to try to make the theme accessible, that is why there is no option for transparency, it makes it much harder to read any text that has been added.
    So this is actually on purpose ??

    If you still want it to be transparent you can try to add this code to the Additional CSS option in the customizer:

    
.highlights {
	background:none !important;
	box-shadow:none;
	border: none;
}

    This will remove background color, border and shadow.
    To also remove the background and shadow for the links, add

    .highlights:hover a h2, .highlights:hover a p {
    background:none;
	text-shadow:none;
	text-decoration:underline;
}
    Thread Starter tinoz

    (@tinoz)

    Thanks a lot!
    That was exactly what I wanted. It worked. ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change highlights-background colour in CSS to transparent’ is closed to new replies.