Slider resizes with images (underwater pro theme)

[Michelle Booysen]

Hello 🙂

I am using the underwater pro theme and when trying to customize my slider on the home page, I noticed that the slider does not stay at a fixed height when I delete the demo image and add my own images.
the same happens when I set a Page Header Background Image. it resizes. please help me 🙂

thank you
michelle

[Sonl Sinha]

Hi,

Kindly show us your website URL please?

Regards,
Chris

[Michelle Booysen]

thank you. i have managed to resize my images for the slider but if you have a look at the services page for example, you will see that the page header background image is not a fixed size, does not crop the image.

if you can also please help me to make the header layout a bit less transparent?

[Sonl Sinha]

Hi,

Kindly show us your website URL?

Regards,
Chris

[Michelle Booysen]

sorry i forgot to include it: https://titans-aquatics.co.za/

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.page_head, .post_head, .services_head { height:450px;}
.header { background-color: rgba(249,249,249, 0.1);}

Regards,
Chris

[Michelle Booysen]

thanks for the help. I have decided to make the page/post headers hidden. but now my shop page does not look right as the menu overlaps. please help me to insert a spacer ontop : see https://titans-aquatics.co.za/shop/

[Michelle Booysen]

and also if you can please help me to add the heading of each page/post back without the header image

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.page_head, .post_head, .services_head { display: block !important;}
.page_head img, .post_head img, .services_head img { visibility:hidden !important;}
.page_head { background: #f1f1f1;}
.skt-page-title h1 { color:#282828;}

Regards,
Chris

[Michelle Booysen]

thanks but it is still not working
https://titans-aquatics.co.za/shop/

[Michelle Booysen]

https://titans-aquatics.co.za/cart/

[Michelle Booysen]

it only works neatly if I don’t display the title 🙁

[Sonl Sinha]

Hi,

Kindly use this CSS.

.page .mywrap, .archive .mywrap, .single .mywrap { position:relative !important;}

Regards,
Chris

[Author]

Posts