Front Page Optin Box.

This topic has 9 replies, 3 voices, and was last updated 8 years, 1 month ago by Wes.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
February 18, 2016 at 3:43 pm #17297
Greg
Customer
Wes,

I need to change the color of the whole Optin box for the Front Page below the Splash. I want to use #4b9dc5 to match the site. I know we are working on this for Aspire.

Can you give me a Custom CSS to change the front page box to #4b9dc5? I tried inspecting the Elevate theme in several different browsers but could not come up with a solution

Thanks Greg
February 18, 2016 at 5:06 pm #17298
Andykev
Customer
Line 1519 of your css
```
.front-page-2 {
	background: #4b9dc5;
}
```
February 18, 2016 at 5:12 pm #17299
Greg
Customer
Thank you.

Is there anyway to make the box size narrower from top to bottom?

Thanks,
Greg

http://gregsimas.org
February 18, 2016 at 5:26 pm #17300
Andykev
Customer
Line 1523
```
.front-page-2 .image-section {
    padding: 10px 0 10px;
}
```
February 18, 2016 at 5:34 pm #17301
Greg
Customer
The CSS is not holding. Is there some that is left out. When I save the style sheet it formats this which is incomplete.

.front-page-2 .image-section {
padding: 10px 0;
}

Any other solutions?
February 18, 2016 at 6:44 pm #17302
Wes
Moderator
@Greg, it looks like you have it showing up twice somehow. One is coming from line 1523 and the other is coming from somewhere, but I can’t tell where. It’s showing this in your Source Code –
```
.front-page-2 .image-section {
    background: #4b9dc5;
    padding: 60px 0 20px;
}
```
Did you add that in through a custom section or plugin?

BTW, Your site is looking great so far! Definitely let me know when it’s all done so I can share it with everyone on Twitter.
February 18, 2016 at 8:50 pm #17305
Greg
Customer
Yeah, I had a CSS code (which was given above yours) in the WordPress Custom CSS. I’ve removed that and replace with yours.

So it’s replaced and the only thing is, the optin box is not getting narrower with the code. Anything I can do?

BTW… did you get my other note in the Aspire theme support. I’ll probably use Aspire for my main site once the update is fully realized.

Greg
February 19, 2016 at 6:48 pm #17308
Wes
Moderator
If you want it more narrow (smaller width) then you can add this –
```
.front-page-2 {
    margin: 0 5%;
    position: relative;
    top: -140px;
}
```
You can play with the numbers to get it in the position you want.
February 19, 2016 at 9:57 pm #17309
Greg
Customer
Hi Wes,

Thanks for the CSS but I was meaning a CSS for narrower top to bottom not left to right. . Sorry for the confusion. Does this make sense now? 😉

Thanks – Greg.

ie… I did drop the CSS in and it looked cool though. 😉 but i pulled it out because Aspire does this work for me.
February 19, 2016 at 10:07 pm #17310
Wes
Moderator
Ah ok, I thought you meant “narrow” by width. To adjust the padding by height, you can add or adjust the padding with the same code –

padding: 30px 0 0;

That will result in it looking like this – http://i.imgur.com/Gj5GfrJ.png

You can reduce it more if you need to. If you need the padding to be less than that, let me know.
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.