Community Forums › Forums › Archived Forums › Design Tips and Tricks › Header
- This topic has 7 replies, 2 voices, and was last updated 8 years, 8 months ago by Jeff.
-
AuthorPosts
-
August 10, 2015 at 12:41 pm #161957StephIvoryInkMember
How do I remove the blank box/text and white space at the very top? Appreciate any help, thank you!
http://www.prettysweetdesigns.comAugust 10, 2015 at 12:54 pm #161958JeffMemberIt 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.
August 10, 2015 at 1:16 pm #161960StephIvoryInkMemberThank 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! 🙂
August 10, 2015 at 2:41 pm #161973JeffMemberFirst 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.
August 10, 2015 at 3:15 pm #161977StephIvoryInkMemberThank 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! 🙂
August 10, 2015 at 6:09 pm #161990StephIvoryInkMemberGot 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;
}August 10, 2015 at 7:55 pm #161992StephIvoryInkMemberWoohoo! 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;
}August 10, 2015 at 8:13 pm #161994JeffMemberThat'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.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.