• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Move Call To Action Next To Slider In Executive Pro Theme

In this tutorial. i’ll show you how to move the Call to Action box next to the slider on the front page of the Executive Pro theme by StudioPress.

Janet asked: I want the slider to be 60% and the CTA widget to be 40%. How do I get them to be inline?

Here’s the result:

cta next to slider

Re-Code Front Page Template

You’ll need to reposition the home-top widget after the CTA widget in your front-page.php template file.

CSS Code

You can then add this code near the end of your child themes style sheet or modify the existing code with these new rules.

.executive-pro-home .home-cta {
    float: right;
	background-color: #222;
	color: #ddd;
	padding: 60px;
	padding: 6rem;
	width: 40%;
}


.executive-pro-home .home-slider {
    float: left;
	width: 60%;
}

.executive-pro-home .home-cta .one-fourth {
width: 100%;
padding-top: 80px;
float: left;
}

.home-cta a.button {
float: left;
}

Genesis Responsive Widget Settings

These are the settings used to display the slider the same as what you see in the screenshot.

Slider Settings

Reader Interactions

Comments

  1. Christine says

    June 5, 2014 at 12:06 am

    Hi Brad,

    Pleeeeeeeeease … oh wait … Hi!

    I followed your code and the video is below the slider. I would love some guidance.

    Thank you,
    Christine

    Log in to Reply
    • Brad Dalton says

      June 5, 2014 at 5:14 pm

      Hi Christine

      What theme are you using?

      The code generates exactly what you see in the screenshot.

      Log in to Reply
      • Christine says

        June 5, 2014 at 6:17 pm

        I am using the Executive Pro

        It was great then when I put in the video … this is what I get.

        Thank you Brad so very much … very much,
        Christine

        Log in to Reply
        • Brad Dalton says

          June 5, 2014 at 6:19 pm

          Sent you an email Christine.

          Log in to Reply
          • Christine says

            June 5, 2014 at 6:56 pm

            What email? Did it have instructions or something?

            Christine

          • Brad Dalton says

            June 5, 2014 at 7:10 pm

            Depends on how you look at things.

          • Christine says

            June 5, 2014 at 7:21 pm

            What?

            Ummm … okay, thanks Brad.

          • Christine says

            June 5, 2014 at 9:37 pm

            Hi Brad!

            Okay, I figured it out … but I think I still need some help … I sent ya request for consultation if that is okay. How do I pay you by Paypal?

            Thanks,
            Christine

  2. Kristin says

    December 20, 2013 at 11:30 pm

    This is a great tip, just what I was looking for on the call to action. Is there an easy to to add another call to action right below the 3 widgeted sections on the home page? Basically where the old call to action was before we moved it, now I would like one under the 3 widgets. I look forward to your posts each day, they are a big help!

    Log in to Reply
    • Brad Dalton says

      December 21, 2013 at 3:36 am

      Hello Kristin

      Yes, you could add more code there for another one fairly easily.

      Log in to Reply
  3. Jonathan says

    December 17, 2013 at 3:45 am

    Hey Brad! Thanks for this post. I look forward to your posts everyday. Can you help me with responsiveness for this one? I’ve got everything else working.

    Thanks,
    Jonathan

    Log in to Reply
    • Brad Dalton says

      December 17, 2013 at 4:59 am

      Sure Jonathan. Please use the contact form.

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.