Jump to content

Archived

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

prow

Section Styling not working

Recommended Posts

prow

Hi there,

 

I want to change the colour of my sections in the CSS, and so I have copied and pasted the following code:

 

  1. /* red background, white text */
  2. .my-red-area {
  3. background-color: #BD362F;
  4. color: white;
  5. }
  6. /* blue background, white text */
  7. .my-blue-area {
  8. background-color: #0055CC;
  9. color: white;
  10. }
  11. /* green background, white text */
  12. .my-green-area {
  13. background-color: #51A351;
  14. color: white;
  15. }
  16. /* yellow background, white text */
  17. .my-yellow-area {
  18. background-color: #FFC40D;
  19. color: white;
  20. }
  21. /* orange background, white text */
  22. .my-orange-area {
  23. background-color: #F89406;
  24. color: white;
  25. }
  26. /* purple background, white text */
  27. .my-purple-area {
  28. background-color: #7A43B6;
  29. color: white;
  30. }

 

 

And although i change the hex colours and titles to the following:

 

/* pink background, white text */
.my-pink-area {
    background-color: #ff47c5;
    color: white;
}
/* blue background, white text */
.my-blue-area {
    background-color: #22f8fb;
    color: white;
}
/* green background, white text */
.my-green-area {
    background-color: #22fb88;
    color: white;
}
/* yellow background, white text */
.my-yellow-area {
    background-color: #FFC40D;
    color: white;
}
/* orange background, white text */
.my-orange-area {
    background-color: #F89406;
    color: white;
}
/* purple background, white text */
.my-purple-area {
    background-color: #d522fb;
    color: white;
 

 

It will default back to the original colours, even though in the CSS it has the new details.

 

Please help :)

Share this post


Link to post
Share on other sites
James B

Hi there

 

Are placing the class name into the 'styling class' field for each section you want to change the color of as well? http://screencast.com/t/fPVzbdnBxBUW

 

By placing the class name like .my-red-background into that field, that will then tell DMS to look for that css you have in the custom code area and give it that color.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
prow

Yeah, I did do that... I typed in 'my-pink-area' into the 'styling class'...

Share this post


Link to post
Share on other sites
James Giroux

Are you using any caching plugins?  Sometimes data is stored in the browser's memory.  In the advanced panel of the editor, try hitting the flush cache button.  That will empty any existing styles in memory.  Then refresh the page and see if it changes.  If not, try renaming the entire class to something different like .my-red-style2 or something like that.

 

Also, according to what you've posted, you're missing a } at the end of your last class.  Not sure if that will impact the rest of the stylesheet compiling but it will definitely throw an error somewhere.

 

Let us know how you get on.

 

James.


James Giroux, CEO
Groundwork

Share this post


Link to post
Share on other sites
Danny

Can you provide a link to the site in question and also make sure that you have added some of these classes to your sections, so we can see what the issue is.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×