Changing background of Welcome Wide widget area

Tagged: home widget background color

This topic has 5 replies, 2 voices, and was last updated 10 years, 6 months ago by Eric.

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

Author

Posts
October 1, 2013 at 10:09 pm #7760
Willingham
Customer
the other day, I fiddled with the home.php and successfully flip-flopped the background colors of the welcome-wide and welcome-feature 1-3 areas. I was using the default color scheme at the time.

today, I changed to the gray scheme in order to customize the color css (customization wouldn’t take on the default), and the welcome-wide has reverted to the dark scheme, while the welcome-feature 1-3 section remains dark as I had changed it previously. If I toggle back to the default scheme, the change I made is intact. Scratching my head a bit over that one.

Problem? I can’t recall what I did to change it. 😉 I’ve seen the threads recommending that a new div id be created for the one being changed, but I’m not quite sure how to manage that since the two widget areas are grouped together in the home.php.

Can you send me in the right direction to change the welcome-wide background to the white?

Thanks much. 🙂
October 2, 2013 at 12:58 am #7766
Eric
Customer
Do you have a link where this is taking place?

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
October 2, 2013 at 8:13 am #7777
Willingham
Customer
Blast. Remembered in the middle of the night I’d forgotten to include the link. 🙂

Here you go, and you’ll see my problem fairly immediately in the dark background of the welcome-wide widget.

http://claireburge.wpengine.com/

Thanks Eric!
October 4, 2013 at 1:43 am #7869
Eric
Customer
To have the welcome wide and the other 3 welcome widgets separate is kind of hard to explain if you’re not familiar with HTML….but it looks like you are familiar with it judging what you’ve done so far (which looks good btw).

I guess I won’t repeat what’s already been said since you’ve already seen the other threads on how to do it…but if you decide to give it a try and run into an error just let me know.

You could also change your welcome wide in your css on line 1272 and add the background and maybe some padding to it –
```
.welcome-wide {
    background: #fff;
    clear: both;
    padding: 20px;
}
```
If that’s good enough, then all you would have to do after that is remove the extra padding for the “.welcome .wrap” on line 1240

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
October 4, 2013 at 1:25 pm #7890
Willingham
Customer
Eric, thanks for your suggestion here.

This would have been simpler if I’d fully remembered what I’d done. 🙂 Turns out I didn’t need to separate the Welcome sections — I’d swapped the Welcome section in its entirety with Home Feature 1 & 2. When I toggled to the Gray option I lost the styling for the Welcome sections but not the 1 & 2 features. (The white illustrations need to be on a white background.)

I deleted the .welcome, .welcome a, and .welcome p on lines 3115, 3124, and 3132 so they went to the default for the white background and got exactly what I needed. But I don’t think I’d have walked myself to that solution unless you’d suggested editing the css where you did. (I’d been fussing with it unsuccessfully before, and the light finally clicked on.) I suspect I probably could have created a new div class for the whole section but I think was was a little quicker and maybe cleaner.

Thanks so much for your help. 🙂
October 4, 2013 at 10:40 pm #7905
Eric
Customer
You’re Welcome 🙂

We’re here if you need us!

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Author

Posts

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

The topic ‘Changing background of Welcome Wide widget area’ is closed to new replies.