Can featured images be a fixed width?

[Clare]

Hi there,
I have followed some advice that you posted to the forum previously to set the featured image width on the slider. Is it possible to set the featured images on each page to a fixed width using some custom CSS? At the moment they all default to 100% width and my client would like a fixed width?
Thank you in advance for any help.

[Sonl Sinha]

Hi Clare,

Yes you can fix the header image to fixed width. Kindly show us your website URL.

Regards,
Dave

[Clare]

Hi Dave,
Oh that’s great.
The dev site is www.clarebrook.co.uk.

Thanks in advance,
Clare

[Sonl Sinha]

Hi Clare,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.innerbanner{margin:0 auto !important; width:1000px !important;}

Regards,
Dave

[Clare]

Thank you Dave, that works a treat.

I have one more question – when the site is viewed on a mobile the main navigation text isn’t legible – but if I change the font colour so that it can be read on the mobile site, it doesn’t look right on the main site. I think it’s because the navigation background colour is set for the menu.
Is it possible to change the menu text colour in the mobile site but not the main site? Would you mind looking at the navigation menu in a smaller window to see what I mean? Do you have a good solution to this?

Thank you again,
Clare

[Sonl Sinha]

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

@media screen and (max-width:768px) {
.header .header-inner .nav ul li a, .header .header-inner .nav ul li ul li a{color:#ffffff !important;}
}

Regards,
Dave

[Sonl Sinha]

Hi Clare,

Your logo seems to be stretched on desktop. By pasting this code in custom CSS box resolve the logo issue.

.logo img{height:auto !important;}

Regards,
Dave

[Clare]

Hi Dan,

Thank you so much for all your help – it all works brilliantly.
The logo looks terrible doesn’t it?!! The client wants the Bee to be bigger and so despite the fact that the layout looks worse we have to go with what he wants. The logo is being re-worked so that it is a sharper, less pixelated image at least.

Thanks again,
Clare

[Sonl Sinha]

Hi Clare,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/

Regards,
Dave

[Clare]

Hi Dave, I tried to leave a glowing review for you but this site kept telling me that I had to be logged in to leave a review – even though I was? I don’t know if anyone else has experienced difficulties … I’ll try again.
Please could you help me with one more thing? If you view the website: still on www.clarebrook.co.uk on a mobile, the content of the pages is squidged over to one side. If you navigate to any page you will see what I mean. Do you know what’s going on?
Thanks,
Clare

[Sonl Sinha]

Hi Clare,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

@media screen and (max-width:786px){
.innerbanner{width:100% !important; height:auto !important;}
}

Regards,
Dave

[Clare]

Hi Dave,
Thanks once again – that works a treat. I’ll try and leave a review again now.
Best wishes,
Clare

[Sonl Sinha]

Thanks Clare.

Regards,
Shri

[Author]

Posts