Jump to content


This topic is now archived and is closed to further replies.


Change the background of just one, single element (Column Background)

Recommended Posts


Website URL: http:/ben.webtechninja.com   (will change to: http://marketingwithaheart.com very soon)
Framework Version:  DMS 2.1.4
WordPress Version: 3.9.2
Plugins in Use:  a whole lot, but nothing is broken so we are not worried about plugin conflicts here. 
Server/Host: hostgator

Hi! I have custom css to add a white background to all columns. 

I have just a few columns that I would like to change the color on, 

however, when I add changes to the inline css, or try to make a 

new class for that specific column, it is adding my custom CSS

"behind" the white background.


(I know this because it sticks 

out of the bottom, under where border/shadow is set up on the 

normal column css) 


Is there any way to change that background color on just a few

different columns, and keep the rest with my current custom 



Or, as an alternative, is there a way to create a second kind of 

column all together? or some other way?


Share this post

Link to post
Share on other sites

Can you provide a link to a page where this is happening, so we can the issue first hand. It is likely related to your custom CSS.


What I would do is create a class which gives any section a white background and add this class to the columns you want a white background on. Then create another class which adds an image, then use this class on Columns you want a background image. That why you're not loading two sets of class when there is no need to.

Please search our forums, before posting!

Share this post

Link to post
Share on other sites

  • Similar Content

    • hibbsy78
      By hibbsy78+
      I think it would be good to make the element section buttons a little neater on mobile. 
      A gap between the two Both buttons centred correctly https://www.hibbslupustrust.org/donate/

    • JawDesigns
      By JawDesigns
      Hi to all,
      I always have this problem and I'm unhappy with the fix I usually apply for aligning columns at the bottom (see attached).
      For example: I use two text boxes side by side. Both text columns have a background colour. Text column 1 has 200 words and text column 2 has 300 words.
      How do I easily get them to align at the bottom without using a min-height declaration? I want to get text column 1 with 200 words to fit the height of text column 2 if that makes sense?
      Thanks for any help on this!

    • pehja
      By pehja+
      I am getting pretty tired of things that does not work as it should in DMS. Now it is impossible to have a two column footer with quickslider as one of the items. Take a look here http://pehjaproduction.se/kulingen/
      I have tried three column, two column, no column. nothing works. 
    • primetime
      By primetime+
      I am trying to change the right side column background color. I tried using Chrome's inspect element and was not able to find the right css to change. 
      Below is an example of a two-column page. I would like to change the right side background column color.
      I'm trying to make the column look like this on the right side, http://www.pagelines.com/showcase/ Where the background is gray and shows leaderboard and trending sites.
    • canadvo
      By canadvo
      Hi there,
      This is a "phantom" problem we've had on our site since we upgraded to DMS2 eight or nine months ago.
      We have a large site and depend on the template system for almost all of our pages/posts. Typically it is a two column setup, with one containing the post loop/breadcrumbs, and the other column containing a widgetizer that displays the appropriate sidebar. Seemingly at random, the entire sidebar column will disappear from a template, leaving only the main column with post loop. We've never been able to isolate the problem or duplicate it. Sometimes, it happens to templates applied to pages that we haven't edited or even visited in quite some time. Sometimes, it will happen to templates we edited/published in the previous few days.
      I've never felt moved to post about this because the issue is impossible to predict, but it just now happened before my very eyes.
      I had just published a page that did not have a template applied. I wanted to apply the template we use on our "about us" pages, but I wasn't sure what it was called. I clicked on a page that had the template in question applied. All elements were present, the template was fine. Once I had the template name, I navigated back and loaded the correct template on the newly-edited page. When the page refreshed, the template had loaded without the sidebar column. I stopped and switched to Firefox (where I was logged out) and found that all pages within that template suddenly had no sidebar.
      I understand that this is an issue that is hard to provide support for, given that I've never been able to replicate it at will. Is this a problem others have had? Were there any plugins identified as a potential culprit? We have no cache plugins installed.