Jump to content
bobbekaer

Feature styling

Recommended Posts

bobbekaer    0
bobbekaer

Hi :-)

 

I am working on http://manometer.wpforalle.dk/ - and on the frontpage I would like to style the feature. 

 

Using Firebug I found and played with: 

#feature_slider .fcontent {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.35);
    color: #FFFFFF;
    display: inline;
    min-width: 220px;
    position: relative;
    text-shadow: 0 -1px 0 #000000;
    width: 33%;
}

and changed it to:

#feature_slider .fcontent {
    background: none repeat scroll 0 0 transparent;
    color: #000000;
    display: inline;
    min-width: 670px;
    position: relative;
    text-shadow: 0 0 0 #000000;
    width: 67%;
}

without any result - so I guess I am doing something wrong (dah!). When using Firebug I looked fine, but after remving it to my child themes style.css....nothing :-(

 

I am trying to remove the bg on the text area, changing the text-color and changing the width on the text area....(I have two features in the header).

 

:-)

 

Bolette

 

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi Bolette,

 

Try pasting your code to Dashboard > PageLines > Site Options > Custom Code.

 

Use background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0); 

instead of transparent

 

The rest seems fine, but not sure about that 670px min width.  I'm unclear if it may exceed the width in some instances.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
bobbekaer    0
bobbekaer

Hi Rob,

 

Perfect, it worked :-)

 

Thank you.

 

Bolette

Share this post


Link to post
Share on other sites
Rob    547
Rob

Glad to hear that.


Former PageLines Moderator, Food Expert and Raconteur

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


  • Similar Content

    • flaxpits
      By flaxpits
      Is there a way to use the whole image in the feature slider as a link? I have searched the forum and noticed in 2011 this was posted and the reply was no. Has anything changed in 4 years?
       
    • dfsdafd23
      By dfsdafd23
      I'm using features on the landing page of my website. My issue is that when the page loads the feature slider will resize itself every time. I've tried to tinker around with the layout of the site (static, responsive, %, px) and with the source images (not to big, the actual size) but it doesn't help. Any tips? 
       
      Here's a video of how it looks:
       
      https://dl.dropboxusercontent.com/u/766689/Features.mov
       
       
      Website URL: test.andersaagesen.dk
      Framework Version: 2.4.4 w. child theme
      WordPress Version: 4.2.1
      Plugins in Use: simple css lite, pagelines security patcher, contact form 7, backWPup
      Server/Host: unoeuro.com
    • chambermv
      By chambermv
      The features images are not displaying properly. The first image is blank and the second displays this script: if (document:)document.getElementbyld("divcb6b4a52").style.height = (441-440)+"px";
       
      There should only be 8 images to display, but it adds two images before that are blank and have that text I indicated.
       
      Website:
      http://chambermv.org/
       
      Platform Pro
    • avstrati
      By avstrati
      Hello 
       
      We've recently added the top rated Word Press translation tool WPML to our Website in order to translate our site into a second language. Everything worked like a charm, except one thing: the PlatformPro features. 
       
      Our home page was designed in English with the features slider and some text, using what is now the Select Feature-Set for Posts & 404 Pages option so that we could custom create our features. The features are tagged as default-features so that they may be selected to appear in the scroll. The thing is, we cannot translate them. 
       
      Can someone please help me figure out a work around please?
       
      Many thanks
      Kristina
    • vicdesotelle
      By vicdesotelle
      see of feature slider at http://wildbeyondexpeditions.com/ 
       
      1- how do i change position of feature slider text from left side to bottom of each pic? 
       
      2- how do i change font size of feature slider text? 
       
       
×