Main page round image on small screen

  • Resolved pivic01

    (@pivic01)


    11 years, 2 months ago

    Hi,

    I have a problem with the round images on the main page. If I use a small screen (like an iphone 4/4s) the image is not centred in the round shape. It become centred and nice only when I hover my finger on it.

    I went through the css but can’t find how to fix this.

    Anyone know how to?

    Also, the class ch-info-front does not exist in the style.css?

    Cheers,
    Pivic

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter pivic01

    (@pivic01)

    11 years, 2 months ago

    Sorted!

    Someone gave me the answer on StackOverflow.

    There is a mistake in home.php:

    class="ch-item ch-img-1" style="background: url(..........
    should be replaced by:
    class="ch-item ch-img-1" style="background-image: url(..........

    And this for each image.

    Pivic

    asheemsaiful

    (@asheemsaiful)

    10 years, 10 months ago

    My site is http://www.globalvillagebd.com

    I have uploaded images onto the services section.
    The images become visible when I mouseover them.
    How can I make them visible (without having to mouseover)and remain static?
    Also can anyone help me make them as clickable links?

    Thanks in advance.

    Thread Starter pivic01

    (@pivic01)

    10 years, 10 months ago

    Hi,

    Normally they should be visible without mouseover. Check if you have the latest version of the template. If you do, load the page on firefox and install Firebug to debug the code.

    I changed mine a LOT so I’m not sure what was original and what I changed… but When I inspect the element I have “style=”background-image:” instead of your “style=”foreground:”

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

The topic ‘Main page round image on small screen’ is closed to new replies.