-
Posts
-
I’ve created a parallax picture at the top of my home page and want to put a banner text across the picture. I’ve added a ‘special heading’ holder and typed my text in. Two things- why does the text always appear in capitals, although I’ve typed it in mixed case and the preview at the side shows it correctly in upper and lower case? The other thign is that the text appears in a poor place for visibilty -it coincides with the bar across the bridge in the picture so it is difficult to read. I’d like to move it up a bit into the blue sky area, but can’t find a setting for this. There’s a bottom padding setting and I’ve increased this to 80px but it has had no effect on the positioning of the text. Is there some other way to do this? The page is at follies.org.uk/wp
Hey FFAlan,
To change the text style Try this code in the General Styling > Quick CSS field:#top.home .template-page .entry-content-wrapper h2 { text-transform: none!important; }The placement of the text is a little trickier, as on desktops there is very little blue sky at the top and as the screen size changes the sky part disappears. Might I suggest adding a slight transparent background to the text so it will be more readable and still show the image in the background?
.post-entry-141 .av-special-heading h2.av-special-heading-tag { padding: 10px!important; background-color: rgba(255,255,255,0.7)!important; }Please see screenshot in Private Content area for how this will look.
Please advise if this is acceptable.Best regards,
Mike
- The topic ‘How to move the text in a special heading box’ is closed to new replies.