3 Issues…Help Please :)

Hello Robertobrienfilm,

1. Looking at the element of your page it seems that the issue is with your navigation bar, not your logo. Your div for the nav bar calls for it to take up 90% of the header. Lowering that percentage should free up your logo to expand.

2. In the case of most themes the body or wrapper colors is controlled in the globals section of the stylesheet. At the moment your wrapper is set using rgb(red, green, blue) 255, 255, 255. That is white. Using the same system you can choose a new color, or simply type “transparent” in the place of the rgb numbers.

3. On your front page it seems that your front page template calls for a 210px padding at the top of your front page body. Lowing that number should bring your image higher on the page. I want to say that setting it to zero will do the trick, but I fear that might put your image behind your header. Give a whirl.

Let me know if that helped.

Bradford

Thanks, that seems sensible. Would you happen to know the coding for how I would make these changes in CSS? I’m a newbie unfortunately and so far my efforts to implement your suggestions have been unsuccessful.

Thanks!

1. starting on line 1088 of you stylesheet it reads,
.home.page .site-nav {
width: 90%;
padding: 0 5%;
}

Try changing the width of this to a lower percentage. Perhaps,
.home.page .site-nav {
width: 60%;
padding: 0 5%;
}
the code for your logo is set to spread to 100% width meaning that it will resize to all of the area left for it, in this case, the remaining 10% remaining in the nav bar.

@bradford_rourke, You might as well suggest doing that in a Custom CSS plugin so the guy doesn’t lose his changes when the theme updates.

2. Starting on line 1671 of your stylesheet it reads,

.single .entry-inner,
body.page .entry-inner,
body.search .entry-wrap {
margin: -5em auto 2em;
background: #fff;
position: relative;
padding: 50px;
box-shadow: 0 0 8px 6px rgba(0,0,0,.1);
}

Try this change and see how it works for you.

.single .entry-inner,
body.page .entry-inner,
body.search .entry-wrap {
margin: -5em auto 2em;
background: transparent;
position: relative;
padding: 50px;
box-shadow: 0 0 8px 6px rgba(0,0,0,.1);
}
Also, make sure that you’re using a child theme before you change any of this code, otherwise all of your changes will revert back to default when the theme updates.

Thanks Andrew I was just thinking that.

3. Starting on line 1651 it reads,

.single h1.entry-title,
body.page h1.entry-title,
body.page .page-title,
body.search .page-title {
padding-top: 210px;
width: 80%;
max-width: 800px;
margin: 0 auto;
text-align: center;
}

Try changing the “padding-top” to a lower number. I want to say zero but I worry that might not be right. You have to try and see what it does. It would look like this
.single h1.entry-title,
body.page h1.entry-title,
body.page .page-title,
body.search .page-title {
padding-top: 0;
width: 80%;
max-width: 800px;
margin: 0 auto;
text-align: center;
}

I don’t have WordPress installed…I just use the web interface. I do have the CSS upgrade

This is something you should ask at the wp.com support site. This forum deals with wp.org self hosted sites.

Doh! https://en.forums.wordpress.com/