Viewing 15 replies - 1 through 15 (of 17 total)
  • Hi Mark, please read the following URL.

    Let me know if this helps you.

    Regards

    Thread Starter maaniedo

    (@maaniedo)

    Hi,

    I am trying to solve it until now, but I am having a hard time. Below are the code (or how do you call them)

    .catablog-row .catablog-images-column .catablog-image img {
    float: none;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    }
    .catablog-row img.catablog-image, .catablog-row .catablog-image img {
    display: block;
    float: left;
    height: auto;
    }
    img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    }
    a {
    color: #e10707;
    }
    body {
    color: #5a5a5a;
    }
    body {
    font-family: “Helvetica Neue”,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    }
    html {
    font-size: 100%;
    }

    I tried changing as per the link you shared, still can’t view products from my iPhone. I need your help. my site is http://www.kelebekuae.com

    Thank you,

    Mark

    Hi Mark, how did you configure your CataBlog items? Please read through some of the following tutorials. They will give you plenty of information on how to set up CataBlog. Once you have checked the URL above then we can focus on your responsive layout.

    Thank you

    Thread Starter maaniedo

    (@maaniedo)

    Hello! Let me review the tutorials you’ve shared and if necessary I will re-install CataBlog and will contact you again.

    Thank you,

    Mark

    Hi Mark, how are you trailing along with this issue?

    Regards

    Thread Starter maaniedo

    (@maaniedo)

    Hi! Lightbox is now working on mobile.

    Is it possible to change the font color of the image’s description that is written on the lightbox?

    Thank you,

    Mark

    Hi Mark, go to the following URL and read number 1.

    Thank you

    Thread Starter maaniedo

    (@maaniedo)

    Hi! The code was added but still text are not showing on lightbox. What am I doing wrong? Please see .css file below:

    [Huge amount of code deleted – that’s way too much code to post in the forums – please see:
    http://codex.ww.wp.xz.cn/Forum_Welcome#Posting_Code and use a pastebin.]

    Hi Mark, can you share your URL.

    Thank you

    Thread Starter maaniedo

    (@maaniedo)

    Hello! Good morning! Here is my site: http://www.dogtasuae.com

    To be specific go to this page: http://dogtasuae.com/product/living-room/

    Images are showing, but the description under the lightbox I think is in white color. All I want is for it to be visible.

    Thank you,

    Mark

    Hi Mark try the following code.

    #catablog-lightbox-meta .catablog-lightbox-desc {
        color: #000000;
        line-height: 1.5;
        position: relative;
    }

    Notice the following color: #000000;

    I selected black font color because it seats great on a white background. You might like to choose your own color.

    Regards

    Thread Starter maaniedo

    (@maaniedo)

    Thank you so much! It is working now.

    Thread Starter maaniedo

    (@maaniedo)

    Hi! It is working fine in Chrome and IE, but not in Firefox.
    Any compatibility issues with Firefox?

    Hi I just checked in Firefox it appears you have not added the code in the right place.

    Thread Starter maaniedo

    (@maaniedo)

    It is working now on all 3 browsers. As I can see only the description is displayed in black font color, but the main title is still in white font.

    Is there a separate code for that?

Viewing 15 replies - 1 through 15 (of 17 total)

The topic ‘Lightbox issues on mobile devices’ is closed to new replies.