Jump to content
Sign in to follow this  

Add Features Design Style: White Text - No Feature Background - No Overlay

Recommended Posts


Please add this missing features design style: White Text - No Feature Background - No Overlay

instead of digging into customization of sections.php and css - this could be an easy future addition to the framework.


To make this design possible:




I had to do the following customization - I was never dealing with .php before, so I don't know how to do this right within the cusomize plugin: plugins > pagelines-customize > function.php (probably the correct place to do this - maybe someone can tell me how to do this). So I went directly into: pagelines > sections > features > section.php and added the following code for a new feature-style:


'fstyle-white-nobg'		=> array( 'name' => __( 'White Text - No Feature Background - No Overlay', 'pagelines' ) ),


additionally the css-description for that style into: plugins > pagelines-customize > style.css


#feature_slider .fcontainer.fstyle-white-nobg {
    background: none repeat scroll 0 0 transparent;
#feature_slider .fcontainer.fstyle-white-nobg .fcontent {
    background: none repeat scroll 0 0 transparent;
    color: #000000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
#feature_slider .fcontainer.fstyle-white-nobg .fcontent h1, #feature_slider .fcontainer.fstyle-white-nobg .fcontent h2, #feature_slider .fcontainer.fstyle-white-nobg .fcontent h3, #feature_slider .fcontainer.fstyle-white-nobg .fcontent h4, #feature_slider .fcontainer.fstyle-white-nobg .fcontent h5, #feature_slider .fcontainer.fstyle-white-nobg .fcontent a {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 #000000;

Share this post

Link to post
Share on other sites



I've passed along this recommendation.  


It's strongly advised that you don't edit core files.  This will be overwritten with the next upgrade, most likely, and may forfeit your work.


The color of the fonts in the slider's overlay can be easily managed with some simple CSS.  


Did you use Firebug for Firefox or Chrome's Inspection Tool to identify the elements?

Former PageLines Moderator, Food Expert and Raconteur

Share this post

Link to post
Share on other sites

Yes, I am aware of the update problem and for sure I use Firebug, but if I edit the font color into white in CSS for the Black Text - No Feature Background - No Overlay, which is easy - I will have that on all my feature slides matching to this style. In my case I need both black and white color styles for the nobg - version. So adding a new style seems obvious. Would be great, if you could tell me, how to put that piece of .php-code correctly into plugins > pagelines-customize > function.php to make it save from updates.

Share this post

Link to post
Share on other sites

Create a child theme and copy the features folder into the child sections folder then edit away.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • Kedark
      By Kedark+
      Hello, I need help. Can and how to do it. I need to add more page appearance templates (page attributes). At the moment it's default and FRAMEWORK A, FRAMEWORK B etc. I need to add two more. How can I do this.
      Unfortunately, I did not find such a thread on the forum.
    • dougalperman
      By dougalperman+
      Hi there,
      I'm a big fan of Pagelines, and have been for years.
      I'm trying to control the size of video embeds and having some difficulty. I see that I can just paste the Vimeo video URL into the post and an embed widget will automatically appear, which is great. But the embed box created is much taller that the video (689 x 1000 pixels) so the content sits in the middle of a tall black box, which looks awkward.
      I tried using the full iFrame embed code from Vimeo, which solved the disproportionate embed frame size (or aspect ratio) issue, but despite specifying the dimensions I want (690 x 388), the videos displayed on the post are sized at 300 x 150 pixels.
      I can't work out how to change either.
      I'm using the latest version of Pagelines Framework (Pro) with the Agency them.
      Any help or advice very much appreciated.
    • micstepl
      By micstepl+
      What is actually framework?
      - is ist that, what we used some years ago?
      - dös it replace DMS2?
      - can I use framework beside of DMS2?
      - how do they relate?
    • almanada
      By almanada+
      2 year DMS Framework Dev Member here:
      Nothing is saving on our websites, our Key is no longer registering, emails have gone unanswered.  The DMS theme seems to be overall malfunctioning.   I just want it to work like it worked last week again please. Also, based on our your website is looking, it's also falling apart. Please Advise ASAP!  Our clients have a much shorter temper with us, because we actually offer a way to contact us.  We have reinstalled the latest theme over and over. 
    • oksodavid
      By oksodavid
      I can activate Framework 5.0.2 as stand alone theme ok. I get dashboard notice 'You need PageLines Connect' which is superseded by pl-platform - connect plugin.
      If I activate pl-platform 5.0.3, I get the 'total_pages' js error mentioned in pl-platform 5.0.2 plug and can't load Extend.
      I loaded PageLines Platform Developer 0.5.1, and dev loads ok.