Center Overlay Text on Sela Theme Mobile Homepage | ww.wp.xz.cn

Resolved getajobkit
(@getajobkit)

8 years, 5 months ago
I would like to customize the homepage for the phone mobile version of my site. The issue I am having on the Sela mobile theme is adjusting the position of the overlay text that is over the featured image in the desktop site. On the mobile site it puts this text underneath the featured image, which is fine and looks great. Only problem is that it is left aligned. Is there CSS I can add to center align and expand the width of this content underneath the featured image on the mobile site?

Thanks!
- This topic was modified 8 years, 5 months ago by getajobkit.
The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

Moderator Kathryn Presner
(@zoonini)

8 years, 5 months ago
@getajobkit – give this custom CSS a try in your child theme:
```
@media screen and ( max-width: 768px ) {
  .front-page-content-area .with-featured-image {
    width: 80%;
    margin: 0 auto;
  }
}
```
Thread Starter getajobkit
(@getajobkit)

8 years, 5 months ago

That worked great, Kathryn! Thanks so much!

Moderator Kathryn Presner
(@zoonini)

8 years, 5 months ago

You’re very welcome!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Center Overlay Text on Sela Theme Mobile Homepage’ is closed to new replies.

Tags

3 replies
2 participants
Last reply from: Kathryn Presner
Last activity: 8 years, 5 months ago
Status: resolved