Sign in to follow this  
Followers 0

Section width LESS/CSS being ignored ...

6 posts in this topic

Website URL:
Framework Version: 1.1.4
WordPress Version: 3.8
Plugins in Use: 
DMS Professional Tools

Screenshots: attached

Details: I added a 10px border around two sections on the site - which made it look like those sections were 20px larger than the other sections. So - I went in and added " width: 868px !important; " to the custom LESS/CSS for those sections - and - it works when in the editor mode of DMS - but then in preview mode - it completely ignores the designated width and the sections are too wide again. I've read through - and have tried a couple of things - got to the point where I added the " !important " - and that made it work in the editor mode - but then - once live, ker-flooey.

Share this post

Link to post
Share on other sites


Just curious if you have jetpack activated I remember having a similar issue where jetpack made the header and the template section not line up correctly. 

Share this post

Link to post
Share on other sites

Hi Aires - Thanks for your reply.


Nope. I just have DMS Professional Tools plugin activated right now ... 


So - that isn't the culprit ...

Share this post

Link to post
Share on other sites



You can't just add width XXX !important that wont work. The issue is you have added a border, which is added outside of the element area, so you have two choices.


1. You can either replace border with box-shadow or outline

2. Continue to use border but use it in conjunction with


box-sizing: border-box


This will restrict the border to stay inside the element area and not outside of it, like so:


Code used for the image above:


.main-box {
background-color: #000;
border-style: solid;
border-width: 10px;
border-color: #777;
box-sizing: border-box;

Share this post

Link to post
Share on other sites

Hey Danny -


Thanks for the code.


I added it into my custom CSS - and - it's not doing anything ...


I then went into "Inspect Element" in Chrome's web tools - and - the code that I added - and that was saved - isn't showing up in there ...


I'm flummoxed. I can see the correct code (your code) in the code editor - but - it isn't showing up when published ...


Any ideas?

Share this post

Link to post
Share on other sites

See my response to your other topic, as its most likely related to this.

1 person likes this

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
Followers 0

  • Similar Content

    • Saving templates
      By Jackey+
      All of a sudden my install fails to save a page as a template. It throws this error:
      Uncaught TypeError: Cannot read property 'post' of null
      Any idea what is wrong here?
    • DMS2 an "App Aware" theme?
      By vanessabt+
      Hi,  I am looking at bringing on a new client that we are doing a website redesign for.  Ideally I would like to use pagelines for this but we are also going to be potentially using phonegap to build a corresponding mobile app for the client and connecting it through the AppPresser core plugin to wordpress.  One of the conditions in order to do this is that the chosen theme that is installed in wordpress and that the website uses is an "app aware" theme.  Do you know if dms is an "app aware" theme?  I need to confirm this upfront because there will be no time to redevelop the site if it does not work.  We have a tight timeframe to complete the site and then phase 2 will be the app.  Please advise.  Thank you.
      By oseehys+
      Hey Guys, i have been having some fun with PL5, on my test site, still learning and trying to master 3 sections a day, am happy the launch has been postponed its for the best lets master it as much as possible.
      But we still gat to eat with DMS for now, so my issue has been on how to reduce my pin pad size in pinspro, right now it display 3 in a row, like the default theme, but i want it to display 4 in a row, if i reduce my screen resolution to 90% it becomes 4 in a row, that is the perfect size, i cant see any css on the forum be able to reduce the size,  so guys please, please this is very important, i need the css to adjust the size, of all the css @Danny has provided on the forum i cant see anyone that focus on the size reduction except on hiding the bottom meta area, mine is just to reduce the size, checkout the images below, the image with 4 rows is the perfect size i crave to have, while the pinpad with 3 rows is what i currently need to change.
      Thanks Guys for your support all this while.
    • Visibility on mobile - tags or code?
      By mikeeg8+
      Is there a quick way to show/hide things on mobile and desktops please, i.e. like a shortcode or similar?
      I've used a bit of code, but wondered if that was the mode elegant way - is there something built into a media box, for example that would give me a hide on desktop toggle?
      Thank you
    • DMS keeps on bugging out on my new site, plugins ahve been installed and css is correct, know idea why
      By Universal Web Design+
      Any help with identifying the error in dms please. can't seem to find anything