Jump to content

Archived

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

julius

add background to a column?

Recommended Posts

julius    4
julius

Hi!

 

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

For example I have this page http://projectbase.me/frauenpower-domains/

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

is it possible to change the color of that column?

 

Share this post


Link to post
Share on other sites
Rob    547
Rob

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;
}

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
save4eg    2
save4eg

Hi!

 

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

For example I have this page http://projectbase.me/frauenpower-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.pagelines.com/tutorials/section-area-styling
  • Like 1

Sorry for my english. Grammar for me is a big trouble :)

 

Share this post


Link to post
Share on other sites
julius    4
julius

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

Share this post


Link to post
Share on other sites
save4eg    2
save4eg

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


Sorry for my english. Grammar for me is a big trouble :)

 

Share this post


Link to post
Share on other sites
julius    4
julius

Ahhh...so it works :)

Nice I will play around a bit on this tomorrow.

 

Thankk you!

Share this post


Link to post
Share on other sites

×