Image size across pages on SaturnWP Pro

[Mike Jennings]

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!

[Sonl Sinha]

Hi,

Kindly show us your website URL please?

Regards,
Chris

[Mike Jennings]

Sure, it’s www.mike-jennings.net

[Sonl Sinha]

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

[Mike Jennings]

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.

[Sonl Sinha]

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

[Mike Jennings]

Fantastic, thank you so much!

[Sonl Sinha]

Hi Mike,

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

Regards,
Chris

[Author]

Posts