Header

[StephIvoryInk]

How do I remove the blank box/text and white space at the very top? Appreciate any help, thank you!

http://www.prettysweetdesigns.com

[Jeff]

It looks like you have a text widget in the "before header" widget area. I think if you remove it, the white area will go away.

[StephIvoryInk]

Thank you, Jeff! Would you happen to know how to resize widgets? I'm having trouble getting them to fit around my background images (some have white space and a couple are cut off). And unfortunately I have to use these exact sizes for the images. Thanks in advance! 🙂

[Jeff]

First off, I love your design work. Nicely done.

Other than the first section with the little heart, I'm not seeing any widgets on your site. Can you be more specific? What I'm seeing cut off is your background images. I may be wrong here but it looks you might be going at building the site wrong. Each section is just a different background image instead of a background image with widgets of text. I think that would solve your problem. Hope that makes sense.

[StephIvoryInk]

Thank you!

Sure, I was needing to add more background images on the front page and told the easiest way was to add new widget sections using the following into the style sheet to have the images show up:

#front-page-5 { background: transparent url(http://prettysweetdesigns.com/wp-content/uploads/2015/07/Line5.jpg); border: solid 0px; background-repeat: no-repeat; background-position: center; }

#front-page-3 { background: transparent url(http://prettysweetdesigns.com/wp-content/uploads/2015/07/section4.jpg); border: solid 0px; background-repeat: no-repeat; background-position: center; }
#front-page-6 { background: transparent url(http://prettysweetdesigns.com/wp-content/uploads/2015/07/9_1902_539.jpg); border: solid 0px; background-repeat: no-repeat; background-position: center; }
#front-page-7 { background: transparent url(http://prettysweetdesigns.com/wp-content/uploads/2015/08/section8.jpg); border: solid 0px; background-repeat: no-repeat; background-position: center; }
#front-page-1 { background: transparent url(http://prettysweetdesigns.com/wp-content/uploads/2015/07/backy2.jpg); border: solid 0px; background-repeat: no-repeat; background-position: center; }

Maybe my question is, how do I get these sections to fit around the images without cutting off/leaving open space? Thank you for your patience with me! 🙂

[StephIvoryInk]

Got rid of the before header area. It's code said this:

.before-header {
background-color: #fff;
line-height: 1;
width: 100%;
z-index: 99;
}

and it worked after changing it to this:

.before-header {
background-color: #fff;
display: none;
line-height: 1;
width: 100%;
z-index: 99;
}

Now still stuck on changing the heights of my widget areas.

For example, I would like the height of #front-page-6 to be 539px instead of 842 px. I was using this in the CSS editor plugin with no luck:

#front-page-2 .widget-area {
height: 539px !important;
}

[StephIvoryInk]

Woohoo! It's fixed!

The theme automatically sets the height of each of the front page sections, so this was the code that needed to be applied to adjust the height. Just place in the proper ID and set the px to what you need:

#front-page-5 {
height: 539px !important;
}

[Jeff]

That's great!

I thought we were talking about the width of the images because on my large monitor, the site looks good but on my smaller one, some of the sections are cut off.

[Author]

Posts