unwanted red line across centre of rotary logo image

Hi @imlincs2479,

1) the image on the home page is an oversize view of the library image and therefore displays only a fraction of the image

Slide image is ideal for large background image. And it should not be used to display specific-sized image. That being said, you would probably use other section.

2) there’s a thin red line across the middle of the image which is not in the library original.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

.text-slider .maintitle:after {
    display: none;
}

Hello Kharis Sulistiyono

Thank you very much for your quick response.

Your solution to the unwanted red line problem worked! I don’t understand what the code does to change things but I’m very grateful to you.

I don’t really understand what you’re suggesting to solve the oversize image problem. The home page images display correctly (as displayed in the Library) on my mobile phone (cellphone) but not on my desktop or laptop. Is there something simple I can do to correct this?

Thanks

Ian

Hi @imlincs2479,

Sorry for the delay in response.

Try adding this simple CSS code to Appearance > Customize > Additional CSS from dashboard.

.sydney-hero-area .header-slider .slide-item-1 {
    background-size: contain !important;
}

If it doesn’t work, try a fixed value like:

.sydney-hero-area .header-slider .slide-item-1 {
    background-size: 70% !important;
}

You may change the value accordingly.

Hope that helps.