Is it possible to add some kind of coloured outline or blur to a blog title to make it stand out more?
As you can see from my attachment, due to the image, the title doesn't so sit well above the white back ground. I'm really surprised this isn't an option.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Is it possible to add some kind of coloured outline or blur to a blog title to make it stand out more?
As you can see from my attachment, due to the image, the title doesn't so sit well above the white back ground. I'm really surprised this isn't an option.
Thanks
Hi There,
Thanks for keeping in touch.
Please try this css:
.row .col.section-title h2 {
text-shadow: 1px -5px 8px black;
} .row .col.section-title p {
text-shadow: 1px -3px 6px black;
}
Thanks.
Thanks for the reply, I added that, please see screenshot. But nothing changed.
It's not a row. It's a dedicated page blog title. It's not editable as a row.
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
body.single-post #ajax-content-wrap #page-header-bg[data-post-hs="default_minimal"] h1 { text-shadow: 0 20px 38px rgb(0 0 0 / 60%) !important; }Thanks
Salient Support Team
Hi There,
Please try this css:
.page-id-5938 body[data-col-gap] .vc_row-fluid .span_12.col.section-title, body[data-col-gap] .vc_row-fluid .span_12.post-area, body[data-col-gap] .vc_row-fluid .span_12.testimonial_slider {text-shadow: 0px -4px 14px black;
}
Thanks.
Hi Tahir, that just adds a shadow underneath, which is not really what I want. It needs to be centred behind the heading.
Hi Judith, I'm not really noticing any changes with that CSS.
You can adjust the snippet i provided as per your liking like below:
.single-post #ajax-content-wrap #page-header-bg[data-post-hs="default_minimal"] h1 { text-shadow: 5px 5px 0px #47787b !important; }Thanks
Salient Support Team
Thanks!