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

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

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
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

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

    • gregory.guz
      By gregory.guz+
      Hi ,
      I just noticed that the color picker has stopped showing up on my PL5 site ( please see attached image ) 
      Any idea what could be causing the problem?
       
      Thanks 
      Greg

    • greatthingsllc
      By greatthingsllc+
      In Platform 5, Using Framework Section for Content , I have set the hyperlink colors in the CUSTOMIZE section.   However, none of the pages are properly displaying the link colors.   Just defaulting to black, and underline on hover.   I did not see where this would be controlled at the page level or lower
      Site    doritbrauer.com
      Thanks
      Josh

    • 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
×