Jump to content

Archived

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

Tehbeardedgamer

I want to make my Content Base Color Transparent

Recommended Posts

Tehbeardedgamer    1
Tehbeardedgamer

I've Read other posts on how to do this, but I just cant seem to figure it out. Here is my site http://fall2gravity.com/mgc.

 

After Getting this to work I will Write a step by step guide with pictures on how to do it.  Thanks In advance

Share this post


Link to post
Share on other sites
Rob    547
Rob

Try adding this to your Custom Code:

body.display-boxed .boxed-wrap .pl-area-wrap > .pl-content {
    padding-left: 16px;
    padding-right: 16px;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.4))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

It will set up a gradient between 40% and 100% transparency.  40% is 0.4, and 100% is 1, in the RGBA code.  You may adjust as desired.

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Tehbeardedgamer    1
Tehbeardedgamer

Try adding this to your Custom Code:

body.display-boxed .boxed-wrap .pl-area-wrap > .pl-content {
    padding-left: 16px;
    padding-right: 16px;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.4))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

Thank you for the Reply, I've added this code to the custom CSS, but it made no changes.

Share this post


Link to post
Share on other sites
Rob    547
Rob

It seems the site has a transparent content area now.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

  • Similar Content

    • tkpagelines
      By tkpagelines+
      Hi there ,
      i would like to change the color of menu items on hover and the current menu item. Both should have the same color, but not the color given of the theme scheme.
      Any suggestions ? Maybe a css snippet ?
       
      Thanks
    • mistrmint
      By mistrmint+
      Site : http://fireworxmedia.yourdemosite.co.za/
      I need to change the second menu items on hover to different colors.
      i.e factual needs to be blue on hover, fiction red on hover, etc. etc.
      then on the sub menu of factual, all need to hover blue with the main menu factual item staying as blue,
      and the sub menu of fiction needs to hover red with fiction item staying as red.
      etc. etc.
       
      For the life of me I cannot figure it out.
    • jagipson
      By jagipson+
      I am trying to make a header like the following site: http://www.nd.edu/
      They have their logo with a blue and yellow bar. Above the blue bar its actually transparent. You can see the image underneath of the building. How can I accomplish this with the Fixed section on DMS? I just started the build here:  http://recruiterwebsitedesign.com/polymer/
      When I scroll down the bar in transparent but the top is white which looks like its the site wrap background. How can accomplish this?
       
      Thanks
    • paulweller84
      By paulweller84+
      Hello,
      Can anyone shed any light on how I would change the colour of this link text to white? I've styled it using inline CSS but the #FFF is not working, instead it is showing a shade of grey.
      Thanks
      Paul
    • zetanet
      By zetanet+
      How can I customize colors for submenus?
      Go to:
      http://www.centroodontoiatricopitino.it
      For example, in submenu "Specializzazioni" I would like to set the unselect links color to blue and I would like a bigger font for selected/unselected links.
×