• Home
  • Blog
  • Showcase
  • Setup Docs
    • Sunshine Help
    • Flex Help
  • Support
    • Support Area
    • Contact us
    • Feedback
  • Connect
    • Newsletter
    • Twitter
    • Facebook
  • My Account
  • Flex
  • Sunshine
Support : Simple Pro Themes

Support : Simple Pro Themes

[Resolved] Centering call to action

If you have purchased a product, please enter the email address that you used to register at time of purchase.
Log In
Lost Password

Create an Account
  • Your username must be unique, and cannot be changed later.
  • We use your email address to email you a secure password and verify your account.

Support › Forums › Flex Theme › Centering call to action

Tagged: call to action, home top

  • This topic has 2 replies, 2 voices, and was last updated 5 years, 5 months ago by nomad_jess.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 21, 2015 at 8:38 am #423
    nomad_jess
    Participant

    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

    July 21, 2015 at 11:50 am #425
    Davinder Singh Kanith
    Moderator

    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;
    }
    
    August 5, 2015 at 12:15 pm #444
    nomad_jess
    Participant

    Thank you, Davinder!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.
Log In

Copyright © 2021 · Simple PRO Themes for Genesis Framework · About · FAQs · Contact · Affiliates