[Resolved] How to remove borders / boxes around content on mobile?

Home Forums Support How to remove borders / boxes around content on mobile?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #984366
    Alex

    I’m using the Marketer theme. On my site I have removed the borders around the content using CSS and have set the background color to white. However on mobile the borders are still there and the background is the default grey.

    This is the code I have used that removes the borders/shadow on the desktop version.

    .inside-article {
        border-left: 0px solid rgba(0,0,0,.05);
    	    border-right: 0px solid rgba(0,0,0,.05);
    		    border-top: 0px solid rgba(0,0,0,.05);
    	box-shadow: none !important;
        border-bottom: 1px solid rgba(0,0,0,.05);
    }

    I’m styling it after the woorkup site, with only the bottom of the border still active.

    Any help with this would be great!

    #984390
    Leo
    Staff
    Customer Support

    Hi there,

    Instead of writing new CSS for it, what if you try to modify this block of existing CSS in Additional CSS field in the customizer?

    .inside-article,
    .sidebar .widget,
    .comments-area {
    		border: 1px solid rgba(232, 234, 237, 1);
    	box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
    }

    Let me know 🙂

    #984418
    Alex

    Hey, thanks for the quick reply. Unfortunately it didn’t work.

    Here is how my css make the desktop site look, with the border only at the bottom. -> https://prnt.sc/ost5mo

    and here it is currently on mobile/tablet. -> https://prnt.sc/ost5jt

    As you can see my css hasn’t changed the border/shadow on mobile and tablet. Not sure why this is?

    Does .inside-article not affect it on mobile?

    Sorry for the confusion!

    #984493
    Leo
    Staff
    Customer Support
    #984609
    Alex

    Got it now, thanks so much! 😁

    #984933
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.