Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 30, 2020 at 9:03 pm #1249743
    satucker

    i’m working on justthinkingbook.com. I was having trouble getting images to appear the way I liked on mobile so Rikard advised that I use different elements and make one available on mobile while the other is available on desktop. I’ve finally figured that out but I’d like to be able to close some of the space (especially on mobile) and get rid of the line that appears. See the images for details:
    Mobile:
    https://www.dropbox.com/s/hjmfr8az7l89xu8/mobile.jpeg?dl=0
    Desktop:
    https://www.dropbox.com/s/pqv77en3ztyz879/desktop.png?dl=0

    Also, on mobile, is there a way to make the image appear full screen (instead of with the white border).

    Thanks so much for your help.

    October 3, 2020 at 4:31 am #1250223
    Rikard

    Hey satucker,

    Please try the following in Quick CSS under Enfold->General Styling:

    .home #after_section_1 {
  display: none;
}

    I’m not sure which image you are referring to, could you post a screenshot of that as well please?

    Best regards,
    Rikard

    October 3, 2020 at 4:45 am #1250232
    satucker

    Thanks Rikard.
    See this link:
    https://www.dropbox.com/s/heqryruuzk8413u/1.jpeg?dl=0
    This image appears in full widts on desktop how do I get it to also show full width on mobile?

    Also,
    See this link:
    https://www.dropbox.com/s/yh1hfjz2rrhzc20/2.jpeg?dl=0
    Every section has this divider line. How do I get rid of that?

    And last, that previous short code you provided didn’t seem to close the gap between the book image and the author image. How can i close that gap?

    October 4, 2020 at 7:35 am #1250376
    Rikard

    Hi,

    Thanks for that. Please try this to remove the border:

    .main_color {
  border-color: transparent; 
}

    I can’t see the image on mobile, did you remove it?

    Best regards,
    Rikard

    October 4, 2020 at 2:24 pm #1250412
    satucker

    Thanks again Rikard.
    I’ve got everything figured out except one thing.
    I can’t get the link showing up in the red circle to go away: https://www.dropbox.com/s/heqryruuzk8413u/1.jpeg?dl=0

    I have tried this short code
    .main_color {
    border-color: transparent;
    }

    Once I get that taken care of, I think i’ll be finished.

    October 6, 2020 at 5:11 am #1250685
    Rikard

    Hi,

    Thanks for the update and screenshot. I can’t see a red circle in either the screenshot or on the actual site though, could you explain what you would like to remove a bit further please?

    Best regards,
    Rikard

    October 6, 2020 at 1:53 pm #1250846
    satucker

    Sorry Rikard, looks like i shared a bad link:
    I need the line that appears on mobile (in the red circle) to go away.

    https://www.dropbox.com/s/heqryruuzk8413u/1.jpeg?dl=0

    I have tried this short code
    .main_color {
    border-color: transparent;
    }

    October 6, 2020 at 9:20 pm #1250964
    Victoria

    Hi satucker,

    https://share.getcloudapp.com/DOu9vKAK I am not seeing the border on my iPhone.

    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.