Docs

[bradaet]

Hi

I am having issues with images on the home page

My site is http://www.cap-it.com.au

Basically, I am using cornerstone, adding a section and then an image element to the section (or a text box with shortcode for the slider). Both scenarios have the same issue.

1 – the images do not go full length of the box
2 – the images have a grey rectangle underneath. Images are to size (1200 x 600) as per the instructions)

I have attached 2 images to demonstrate my point.

what-is-happening.jpg – this image shows the problems
what-I-want.jpg – this images shows what I am trying to achieve – which I have achieved in other themes

I am using Renew

Thanks

[bradaet]

Also – I am using the latest WordPress, and the latest xTheme (just downloaded yesterday), and the latest cornerstone that came with the theme downloaded yesterday

[Christopher]

Hi there,

Set section #1 background color to transparent.
Please add following code in Customize -> Custom -> CSS :

.x-flexslider .x-slides img {
    margin-bottom: 0;
}

Hope it helps.

[bradaet]

Thanks, but can the images be enlarged so they fit the box, or do I need to choose a different stack for this?

[bradaet]

Also, I put this in, and nothing happened

.x-flexslider .x-slides img {
margin-bottom: 0;
}

I have other CSS in there for the top-bar. Does this make a difference?

This is my full css

.x-topbar {
background-color: #0086b7;
}

.x-topbar .x-social-global{
display:none;
}
.my-button{
float:right;
color:white;
display:inline-block;
padding:5px;
}

.x-flexslider .x-slides img {
margin-bottom: 0;
}

[bradaet]

Its ok – I played around with the code and fluked it. Seems to be working now.

Is there a way to reduce the amount of gap between the header and image, and also between each section??

I have made margin 0, padding 0 – but the gap is still very large

[Christopher]

Hi there,

Please add pan in section’s class field.

Thanks.

[bradaet]

So my 2 questions now are as follows

1 – can the image be larger, or do I need to change from renew to a different version

2 – can the gaps between header and section (and between sections) be reduced.

Thanks

[bradaet]

Thanks Christopher – Pan seems to have fixed the padding issue

Just my last question – can the image be larger, or do I need to change from renew to a different stack type

[Christopher]

Hi there,

You’r welcome.
You can make container bigger by disable ‘Column container’ option under row settings.

Hope it helps.

[bradaet]

Thanks again

This seems to have done the trick!

I have one more question. I have the following CSS in my topbar

.x-topbar {
background-color: #0086b7;
}

.x-topbar .x-social-global{
display:none;
}
.my-button{
float:right;
color:white;
display:inline-block;
padding:5px;
}

I would like to have the link right aligned, and a little larger. Any tips would be greatly appreciated

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer.

.x-topbar .p-info {
    float: right;
    font-size: 120%;
}

Adjust the font-size value where you see it fits.

Hope it helps, Cheers!

[bradaet]

Thanks Friech

This did the job.

Very happy with the help given on this forum. It makes working with the theme soooo much easier!

thanks again!

Brad

[Prasant Rai]

On behalf of my colleagues and our team, you are most welcome! Have a wonder day!

[Author]

Posts