Moving Hero content

ostreetinternational · Member · May 14, 2017 at 6:50 pm
Copy link

Add topic to favorites
Good Afternoon,
I need help with the CSS to move the hero content so its sits near the bottom of the picture, instead of the middle of face in image. Thanks.

The blog I need help with is: (visible only to logged in users)
otpidusprime · Member · May 14, 2017 at 6:53 pm
Copy link
Hello @ostreetinternational
Try this CSS to move the text hero content at the bottom:
```
.hero-section .hero-content {
    padding: 6em 0 0 0;
}
```
Hope this helps 🙂
ostreetinternational · Member · May 14, 2017 at 7:02 pm
Copy link
Thats perfect thanks. Can I specify the CSS to change the font color for just a section – I’m looking at playing with the segment that white on white.
otpidusprime · Member · May 14, 2017 at 7:12 pm
Copy link
@ostreetinternational i did not understand which section you are talking about, can you please explain?
ostreetinternational · Member · May 14, 2017 at 7:48 pm
Copy link
Sorry about that. My issue is now that I moved the text down, it now is over a section with a white background, so I am wondering if I can move it to the left so its clearly visible
otpidusprime · Member · May 14, 2017 at 8:01 pm
Copy link
@ostreetinternational
Oh yes, you can…
use this CSS:
```
.hero-section .hero-content p {
    margin-left: -100px;   /*adjust this value according to you*/
}
```
ostreetinternational · Member · May 14, 2017 at 8:15 pm
Copy link
Great! Thank you so much!
otpidusprime · Member · May 15, 2017 at 8:57 am
Copy link
@ostreetinternational you’re welcome 😇

The topic ‘Moving Hero content’ is closed to new replies.

WordPress.com forums

Moving Hero content