- This topic has 2 replies, 2 voices, and was last updated 5 years, 5 months ago by .
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.
Support › Forums › Flex Theme › Centering call to action
Tagged: call to action, home top
Hi,
I’d like to push the content in the call to action box in the home top section across a bit so it appears more centered in line with my header.
Can anyone help with this?
Thank you in advance,
Jess
1. Make this code
<div class="cta"><div class="shadow"><img src="http://notesofnomads.com/wp-content/uploads/Okinawa-Wedding-0154.jpg" width="300" class="alignleft"/><h2>Welcome to Notes of Nomads!<br /><h6>The travel resource that helps you navigate the cultural divide. <br /><br />Hi, we're Jessica & Hai, two wanderlusting adventurers here to share our trade secrets.
<br /><br />
<a href="http://notesofnomads.com/about/" class="button">Learn more</a>
</div></div>
to this…
<div class="cta"><div class="shadow"><div class="box-widget-wrap"><img src="http://notesofnomads.com/wp-content/uploads/Okinawa-Wedding-0154.jpg" width="300" class="alignleft"/><h2>Welcome to Notes of Nomads!<br /><h6>The travel resource that helps you navigate the cultural divide. <br /><br />Hi, we're Jessica & Hai, two wanderlusting adventurers here to share our trade secrets.
<br /><br />
<a href="http://notesofnomads.com/about/" class="button">Learn more</a>
</div></div></div>
Note: Basically adding extra div element “box-widget-wrap”
2. Then open style.css file
Change following code
.home-top .enews-widget .widget-wrap {
margin: 0 auto;
max-width: 1140px;
padding: 30px;
}
to this…
.home-top .box-widget-wrap,
.home-top .enews-widget .widget-wrap {
margin: 0 auto;
max-width: 1140px;
padding: 30px;
}
Thank you, Davinder!