Image size across pages on SaturnWP Pro

Home Forums All Other Themes Image size across pages on SaturnWP Pro

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #184090
    Mike JenningsMike Jennings
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: September 20, 2021

    Hi, so I’ve purchased SaturnWP Pro and I really like it.

    I have four pages on my website. At the top of each page I have an image. In the customization settings I go to page settings, then single page – title bar, and I uploaded the image. I chose a top/bottom padding value of 200px to get it to the right side.

    However, when I click to one of my other pages on the live site the top image is still at its default height of 250px, rather than 200px.

    I have no idea how to make them 200px across all of my pages, can anyone help? Thank you!

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

    Hi,

    Kindly show us your website URL please?

    Regards,
    Chris

    #184099
    Mike JenningsMike Jennings
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: September 20, 2021
    #184101
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27789
    • Total: 27789
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

    Regards,
    Chris

    #184104
    Mike JenningsMike Jennings
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: September 20, 2021

    Hey, so this screenshot is my home page: https://ibb.co/qyWmntc

    This is the affect I’d like to achieve across all of my pages in terms of the height of the image and the size of the font.

    This screenshot is from my writing page: https://ibb.co/WnNG5Vp

    On this page the Razer image is taller and the font is bigger and I would like all the pages to match the home page.

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

    Hi,

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

    .page .title-bar.outside {
        min-height: 370px;
        position: relative;
    }
    .title-bar.outside .overlay-color {
        background: transparent !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .page .title-bar.outside .overlay-color { padding:0 !important;}

    Regards,
    Chris

    #184124
    Mike JenningsMike Jennings
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: September 20, 2021

    Fantastic, thank you so much!

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

    Hi Mike,

    If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org

    Regards,
    Chris

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