Slider resizes with images (underwater pro theme)

Home Forums All Other Themes Slider resizes with images (underwater pro theme)

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #185239
    Michelle BooysenMichelle Booysen
    Participant
    • Topics: 11
    • Replies: 22
    • Total: 33
    Member since: October 18, 2021

    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

    #185241
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27992
    • Total: 27992
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL please?

    Regards,
    Chris

    #185244
    Michelle BooysenMichelle Booysen
    Participant
    • Topics: 11
    • Replies: 22
    • Total: 33
    Member since: October 18, 2021

    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?

    #185248
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27992
    • Total: 27992
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Chris

    #185250
    Michelle BooysenMichelle Booysen
    Participant
    • Topics: 11
    • Replies: 22
    • Total: 33
    Member since: October 18, 2021

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

    #185252
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27992
    • Total: 27992
    Member since: August 16, 2013

    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

    #185376
    Michelle BooysenMichelle Booysen
    Participant
    • Topics: 11
    • Replies: 22
    • Total: 33
    Member since: October 18, 2021

    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/

    #185378
    Michelle BooysenMichelle Booysen
    Participant
    • Topics: 11
    • Replies: 22
    • Total: 33
    Member since: October 18, 2021

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

    #185387
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27992
    • Total: 27992
    Member since: August 16, 2013

    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

    #185394
    Michelle BooysenMichelle Booysen
    Participant
    • Topics: 11
    • Replies: 22
    • Total: 33
    Member since: October 18, 2021

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

    #185400
    Michelle BooysenMichelle Booysen
    Participant
    • Topics: 11
    • Replies: 22
    • Total: 33
    Member since: October 18, 2021
    #185403
    Michelle BooysenMichelle Booysen
    Participant
    • Topics: 11
    • Replies: 22
    • Total: 33
    Member since: October 18, 2021

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

    #185426
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27992
    • Total: 27992
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS.

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

    Regards,
    Chris

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.