Executive: Is there a way to align CTA to Right of Home Top

[dahlkr]

I am wanting to change the placement of the CTA widget so it aligns to the right of the Home Top Widget instead of below it.

Can someone tell me how to do this?

Thanks much!!!

Site: http://peacewithautism.com

http://peacewithautism.com

[Doak Heggeness]

Off the top of my head you need to change the 'float' & 'width' of the .home-cta selector just like you did the .home-top selector

.executive-home .home-cta {
-moz-box-sizing: border-box;
background-color: #222;
box-sizing: border-box;
color: #ddd;
float: left; *change to 'right'*
padding: 60px 70px;
width: 100% *change to 50%;*
}

---

Doak Heggeness, WordPress Development | Website

[dahlkr]

Wish that worked but it didn't. Any other suggestions?

[Doak Heggeness]

Sorry, I have dealt into it a little more. The following should put them side by side. The styling will be your discretion.
You have to separate the .home-top ( from .home-middle ) & make width:50%; & .home-top .widget ( from .home-middle .widget ) and make width:100%;. Then change .home-cta to float:right; & uncomment out the width. This is if you have one widget in .home-top.

/* Home Page
------------------------------------------------------------ */

.home-middle {
background-color: #fff;
clear: both;
overflow: hidden;
padding: 60px 40px 0;
}

.home-top {
background-color: #fff;
float:left; ******added******
clear: both;
overflow: hidden;
padding: 60px 40px 0;
width: 50%; *****added******
}

.home-middle .widget {
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0 30px;
width: 33%;
}

.home-top .widget {
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0 30px;
width: 100%; ******changed*******
}

/* Home Widgets
------------------------------------------------------------ */

.executive-home .home-cta {
-moz-box-sizing: border-box;
background-color: #222;
box-sizing: border-box;
color: #ddd;
float: right; ********changed*******
padding: 60px 70px;
/* width: 100% */ ****uncomment out******
}

---

Doak Heggeness, WordPress Development | Website

[Author]

Posts