Issue with Baner image, Quality Green Template

  • Resolved mfcb

    (@mfcb)


    9 years, 2 months ago

    Hi, I’m a rookie WP user here, creating a WP site for a friend. I’m using the Quality Green child theme, and have tried to add a banner image. For some reason the image (and other images that I’ve tested, all of various sizes) constantly stick to the left of the page. I’m sure its a relatively easy fix, but with my limited HTML and CSS knowledge I haven’t been able to figure it out. If anyone could help that would be appreciated. The site is https://strijkteam.com. Thanks, Matt

Viewing 10 replies - 1 through 10 (of 10 total)

  • Hi mfcb

    Sorry For Late Replay.
    Please Indicated snapshot image.
    Thanks.

    Thread Starter mfcb

    (@mfcb)

    Hi Imran, sorry for the late response. I’ve managed to apply some CSS to center the banner image, but it is an imperfect fix. Under Appearance-> customize -> Header settings -> Custom CSS, I’ve added the following, but as I’m no expert this is only a temporary fix:

    .carousel img { height: 97.5%; padding-left:10%; padding-right:10%; max-width: 97.5% !important; }
    .img-responsive { width:100%; }

    But there is an additional problem: the banner image is not responsive like the rest of the template. You can see what I mean by following the link above and re-sizing the browser view.

    Any help on this matter would be appreciated. Thanks, Matthew

    Hi

    Please share your website URL.Because Your url currently not working fine.

    and Responsive is better working in my hands.

    Thanks.

    Thread Starter mfcb

    (@mfcb)

    Hi Imran, sorry, the url is https://strijkteam.nl. Thanks, Matthew

    Hi mfcb

    Responsive is working fine.Please upload 1600×600 px ratio Image.
    Thanks.

    dskrabo

    (@dskrabo)

    or with 1576×575 image, edit bootstrap.css and add:
    “margin: 0 auto 0 auto;” to .img-responsive class like this:

    .img-responsive,
    .thumbnail > img,
    .thumbnail a > img,
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 0 auto;
    }
    it works for me, you can test it with firefox “inspect element”.}

    Theme Author webriti

    (@priyanshumittal)

    Hi Matthew

    Did your issue resolved, if yes, than allow me to close this ticket.

    Thanks
    Priyanshu

    Thread Starter mfcb

    (@mfcb)

    Hi there, Yes, all resolved, thanks for the assistance. Matthew

    Hi i am swap,

    I have recently purchased a premium wordpress theme. The images on the baner are not showen properly on diffrent screens. I need to know the universal size for the baner image.

    when ever i try to increase the width its showing properly on the bigger screens but on the smaller screens the image is stretched.

    need help

    thanks

    Hi swap434

    Thanks For using Our Themes

    Sorry For this Bcoz You are using Our Pro Theme,

    Plz Create your query in Our support Forum Refer This LINK

    Thanks.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Issue with Baner image, Quality Green Template’ is closed to new replies.