Jump to content


Photo
- - - - -

add background to a column?


Best Answer save4eg , 01 September 2013 - 01:23 PM

Thanx guys!

 

@member:

now I put .my-gradient-area in the styling classes of the Colums,

and the code you posted to custom CSS... but nothing happened ... 

Did I miss out something ?

Thanx for answering

 

 

without dot. (.) my-gradient-area

Go to the full post


  • Please log in to reply
5 replies to this topic

#1 julius

julius

    Advanced Member

  • Members
  • 45 posts
  • LocationItaly (Bolzano)
  • Framework Version:DMS
  • Country: Country Flag

Posted 31 August 2013 - 10:36 PM

Hi!

 

Anybody can tell me the CSS to add a background-color to a Column?

For example I have this page http://projectbase.m...npower-domains/

and there I have the "Share me" section within a Column -

is it possible to change the color of that column?

 



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 01 September 2013 - 12:55 AM

I'm not sure, but it seems you could custom style the column with a unique class.  

 

If you can find an existing unique class or ID, you can always set a background color to that. For example purposes only:

.shareme_text.left {
    backgroundnone repeat scroll 0 0 pink;
    margin-right10px;
    margin-top-3px;
    padding6px;
}


#3 save4eg

save4eg

    Member

  • Members

  • 27 posts
  • Country: Country Flag

Posted 01 September 2013 - 08:15 AM

Hi!

 

Anybody can tell me the CSS to add a background-color to a Column?

For example I have this page http://projectbase.m...npower-domains/

and there I have the "Share me" section within a Column -

is it possible to change the color of that column?

 

Hello. 

In DMS we have section "Styling Classes" for each section. To add styled background to the column go to Custom CSS/LESS, and create something like this:
 

//styling
.my-gradient-area {
background: #00042a; /* Old browsers */
background: -moz-linear-gradient(-45deg, #00042a 0%, #2989d8 50%, #207cca 51%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#00042a), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #00042a 0%,#2989d8 50%,#207cca 51%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #00042a 0%,#2989d8 50%,#207cca 51%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #00042a 0%,#2989d8 50%,#207cca 51%,#000000 100%); /* IE10+ */
background: linear-gradient(135deg, #00042a 0%,#2989d8 50%,#207cca 51%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00042a', endColorstr='#000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
 
This Styling Class creates background with gradient (created with ColorZilla code). Place string my-gradient-area in row 'styling classes', publish and refresh.
 
All that i say, can be found in Pagelines Docs http://docs.pageline...on-area-styling

  • Danny likes this

#4 julius

julius

    Advanced Member

  • Members
  • 45 posts
  • LocationItaly (Bolzano)
  • Framework Version:DMS
  • Country: Country Flag

Posted 01 September 2013 - 11:02 AM

Thanx guys!

 

@member:

now I put .my-gradient-area in the styling classes of the Colums,

and the code you posted to custom CSS... but nothing happened ... 

Did I miss out something ?

Thanx for answering



#5 save4eg

save4eg

    Member

  • Members

  • 27 posts
  • Country: Country Flag

Posted 01 September 2013 - 01:23 PM   Best Answer

Thanx guys!

 

@member:

now I put .my-gradient-area in the styling classes of the Colums,

and the code you posted to custom CSS... but nothing happened ... 

Did I miss out something ?

Thanx for answering

 

 

without dot. (.) my-gradient-area



#6 julius

julius

    Advanced Member

  • Members
  • 45 posts
  • LocationItaly (Bolzano)
  • Framework Version:DMS
  • Country: Country Flag

Posted 01 September 2013 - 01:30 PM

Ahhh...so it works :)

Nice I will play around a bit on this tomorrow.

 

Thankk you!