How to remove the border/shadow line around the content in single post?

Support
#1

How to remove these lines ?

#2

Hello Dunga,

Thanks for writing in!

To remove the box shadow, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.single-post .entry-wrap {
    box-shadow: none;
}

If you also want to include the homepage or blog index, you can use this code instead:

.entry-wrap {
    box-shadow: none;
}

Hope this helps. Kindly let us know.

#3

It worked great. Another question - how to remove the sidebar from the mobile version, but not the desktop version?

#4

Hey Dunga,

To remove the sidebar in smaller screens, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media(max-width: 767px){
    .x-sidebar {
        display: none;
    }
}

Hope this helps.

#5

This is not working for me … the sidebar still appears …

#6

Hey Dunga,

Add important rule to the property like this:

@media (max-width: 767px) {
    .x-sidebar {
        display: none !important;
    }
}

Hope that helps.

#7

Why the content is wider than the screnn? How to fix this ?

#8

Hi Dunga,

I can see you have added a table to display content. By default, table is not responsive. To make it responsive, please check this guide.. If you have any other inquiry, please open a new thread instead. Thank you.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.