Center Genesis Responsive Slide Excerpt

[hannab]

Hi, on this site http://virginiatruckee.com/newsite/ I want to center the slider excerpt both in height and width. I want the text "I hear that whistle blowin'!" and the ticket button to be in the middle of the image. (The text "Special Events" is part of the mock image and will be removed).

I can't find any help on here how to do this. Please help!

//Hanna

---

If you’re not living on the edge, you’re taking up too much space.

[Christoph]

Hi Hanna,

add width: 100%; around line 942 of the style.css :

html > body .content .slide-excerpt-border {
    border: medium none;
    padding: 30px;
    width: 100%;
}

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[WisdmLabs]

Hey Hanna,

To get your text in center vertically as well as horizontally, add following lines to your style.css:

At line 2388:

.content .slide-excerpt {
background-color: transparent;
height: 100%;
}

At line 942:

html > body .content .slide-excerpt-border {
border: none;
margin: 0;
padding: 0;
width: 100%;
position: relative;
top: 40%;
}

---

http://wisdmlabs.com/

[hannab]

Thank you WisdmLabs and Christoph,
I edited the code but all that happens is that the text block now is top left instead of bottom left. Not center, center.

Any more ideas?

Thanks,
Hanna

---

If you’re not living on the edge, you’re taking up too much space.

[Christoph]

Hi,

sorry, I overlooked that I had scrolled down on my laptop last night so it looked centered in height.
Thanks for catching my oversight, @WisdmLabs!

WisdmLabs code looks like this on my computer:

http://screencast.com/t/HCJkyAyD

I would suggest to check for a typo, a missing ; or }

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts