Tagged: color section, heading, shadow
The current page looks like this:
And I would like to add something to make the text more readable, somthing along the lines of this maybe:
Is that possible or what other solution is there?
but ! you have to adjust the colors you like to have –
i have choosen the semitransparent rgba values – and selective only for that page.
.page-id-11189 h1.av-special-heading-tag {
background-color: rgba(255, 255, 255, 0.5);
display: inline-block;
padding: 10px;
}
.page-id-11189 .av-subheading {
display: inline-block;
padding: 5px;
background-color: rgba(255, 99, 0, 0.7);
}
.page-id-11189 .av_icon_caption {
background-color: rgba(255, 99, 0, 0.7);
display: inline-block;
padding: 5px;
}
wenn das immer in der Color-section mit der ID : portfolio ist:
#portfolio h1.av-special-heading-tag {
background-color: rgba(255, 255, 255, 0.5);
display: inline-block;
padding: 10px;
}
#portfolio .av-subheading {
display: inline-block;
padding: 5px;
background-color: rgba(255, 99, 0, 0.7);
}
#portfolio .av_icon_caption {
background-color: rgba(255, 99, 0, 0.7);
display: inline-block;
padding: 5px;
}
Hi,
LEt us know if that solves your issue.
Best regards,
Basilis
Hi, thanks for that. It works. Ticket closed.