Plugin ROW Not Full-wodth

General Discussions
1

Hi,

I have been Beaver for many websites already and only this problem ever happened to me. If you take a look on this website, the body is not in full width, http://manhattanlawfirmmarketing.com/

My theme has a sheet width of 100% and I have added ‘!important’ to its CSS hoping that it might affect the plugin but nothing happens. Second, I have set the global settings to have it full width as default but still nothing happens.

Before this all happened, It was all ok as of Friday (July 10, 2015). But when I just log on today, this is now what happens.

Any response will be appreciated.

Kind regards,
Gill Sugapong

2

Hey Gill,

Thanks for getting in touch! This CSS snippet should fix you right up although I would suggest checking all other pages and it might have affected them as well.

#art-main article {
  max-width: 100%;
}

Ben

3

Hi Ben Carlo,

Yes, it worked. Someone has added that article to my theme’s CSS. So I just removed it. Lol Thank you anyways! Really appreciated!

Kind regards,
Gill Sugapong

4

No worries! Glad I could help! Enjoy The Beaver! :slight_smile:

Ben

5

[Content Hidden]

6

Hey Noor,

Like what Dave said on the other thread you posted on as well, this is dependent on the theme you are using. For you case, try using these CSS snippets.

body .na-sheet {
  width: auto;
  padding: 0px;
}
body .na-sheet .na-post {
  padding: 0px;
}

Hope this helps!

Ben

7

Thank you!

8

Hey Noor,

No worries! Have fun with The Beaver! :slight_smile:

Ben

9

[Content Hidden]

10

Hey Noor,

Sure. Just add this CSS snippet and you should be good to go! Note: You can change the value of the width to whatever you like.

body.blog .na-sheet {
    width: 1080px;
}

Ben

11

I have a question regarding the above, bc I use this quite a lot. It makes ALL pages full width so I have to go through and add a code per page, which does not work well since I have no idea what pages my clients will add. Is there a way to just change the homepage to full width without it also doing so to the rest? Thanks so much.

12

Hey Noor,

Sorry but I couldn’t visit the page any longer. Let’s wait for that issue to be resolved first then get back to this.

Ben

13

Sorry, this is another site I’m working on and also something I would probably need to know for every site I make. Since I like to have a full homepage and not the rest usually.

site:
http://www.smuug.com/silverfox

I’m just adding to add CSS for every page not to go full width like home, but it’s not idea since like I said since everyone wants to make pages and my clients will not know about this.

14

[Content Hidden]

15

Hey Noor,

Remove the previous styling and use the one below instead. It should make just the homepage full width.

.home .na-sheet {
  width: auto;
  padding: 0px;
}
.home .na-sheet .na-post {
  padding: 0px;
}

Ben

16

Perfect, thank you so much! I have a question when we export does the custom CSS export too?

17

Hey Noor,

That would depend. What are you exporting? Where are you placing your custom CSS? What theme are you using?

Ben

18

The theme is one that I made. The css I insert through jetpack and just like the CSS you gave me.

19

Hey Noor,

Not really sure with JetPack, haven’t really used it that much. You could try asking them if there’s a way to export/import the data. Or you could just copy/paste them. :slight_smile:

Ben

20

Okay, thanks for letting me know.