sab478

OK, all sorted. Had to copy new sections introduced in the more recent versions of the theme from menus.css into my child style sheet and modify them.

Managed to get rid of the red line by putting the following in my style.css file:

/* banner showcase group */
#st-banner0-wrapper,
#st-banner1-wrapper {
text-align: center;
border-top: 0px solid #da2525;
}
#st-banner1-wrapper {
padding: 0px 0;
}

Still no progress on the navigation menus though. Please help!

Perfect. Thank you!

Sorted. Thanks!

I guess as a basic start it would be useful to have 4 widget positions under the current 4. I haven’t really thought too much about alternative positions, although perhaps being able to make them look like a right sidebar is something I’d consider and see how it looks along with the rest of the site. Is the coding straightforward? Which file would need amending?

My site, as you know, is kingdomwaytrust.org !

Thanks.

Is it possible to increase the number of widgets on the widget only front page, say to 8? And if so, is it possible to position them on the page?

Thanks, I’ll try that tomorrow.
I’ll mark this resolved now.
Cheers.

Yes, that’s fine. Thanks for all your help. Much appreciated.
Interestingly the buttons re-size fine in Google Chrome but not in Firefox. Haven’t tried any other browsers. What are you using?

Brilliant! Now if I could get the 4 big buttons to shrink according to browser window size as well that would be great. They look nice on my 7″tablet, but if I shrink a normal browser window down the right hand ones disappear.

No, not planning to use the social icons there. I’ve modified the header as you suggested but am only getting the ‘wave graphic’ alternate text. I thought at first it was because I was using a png file and your example is a jpg, but have now uploaded a jpg as well and still the same problem. Would you mind having another look with your expert eye?

I also noticed before that on the mobile version I still got a top and bottom line on the graphic (the way I had it before). Not sure if this will have the same problem. Maybe there is another border I need to set to 0px for the mobile version somewhere?

Thanks again.

Great help, thanks. I will open a new topic as suggested, for how to make the curve responsive. I’ll sort the line in the graphic later when I get a chance. Thanks for spotting that for me.

Thanks for your help. I feel like I’m making progress! The curve is now working. I’ll need to tweak the shape a bit to make it look better, but the principle is there. I guess it doesn’t shrink to fit the screen width, but just cuts off the right hand side does it? Any way of making it shrink to fit? And there is now a white line border at the top of the curve. I guess removing the border in the css as you suggested removes both top and bottom borders. Is there a cure for that?

On the spacing it’s strange because when I go to edit the page in the text view in WP I have:

<table>
<tl>
<td>
<img class=”alignnone size-full wp-image-420″ alt=”AboutButton” src=”https://kingdomwaytrust.org/wp-content/uploads/2013/05/AboutButton.png&#8221; width=”250″ height=”250″ />
</td>
etc.

So I don’t know where the added space you are seeing that you outlined in your reply is coming from. And how do I remove the empty “st-cta-wrapper” container? Sorry I’m a bit of a novice at this stuff, especially using WordPress. It’s good to learn new things though!

Thanks again.

Thanks for the help so far, but I’m afraid after hours of trying I’m stuck! I have put a new banner-curve.png which is 1920x68px in my images folder, and have modified the header.php in my child theme as you suggested. I’ve set the social background to white and increased the height in the stlye.css to 68. The curve is a blue curve the same colour as the rest of the header. however, I can’t make it show up. I’ve also got a blue line at the bottom of the space where it is supposed to be, which needs to go! Any ideas what I’m doing wrong?

Will this curve, once it’s showing, show on all pages? Anything else I need to change to ensure this happens?

Also I’d like to move up the content on the front page (the 4 buttons) but when I inspect the page there is an extra “row” I don’t think I need but not sure where I can remove this. And the div.entry-content where the buttons are seems also quite padded, but not sure how to change that either. Can you help please?

Thanks Lemu. I’ve cured the table border by adding to my child style sheet so that’s great.

The blockquote is a mystery to me. I don’t know where it is – it appears on every page. For the moment I’ve reduced it to zero in the css but that means I can never use blockquotes! It’s unlikely so that’s OK, but it would be nice to know where the coding is.

I’ve also discovered the social line in the css so can eliminate it there (or reduce height as I have at the moment). I’d love to know how to change it to a wavy line though!