Jump to content

Archived

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

marcnevens

Featured slider - change title and text position

Recommended Posts

marcnevens    0
marcnevens

Hello,

 

i use pagelines 2.4.4 with WP 3.8

 

In the featured slider on url http://nguvu.byethost15.com/nguvushop/  I like that the title and the text is more to the top.

I cannot find the css code for that particular slider

 

Could you help me please.

 

Thank you,

 

Marc

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Marc

 

To adjust this you'll need to switch bottom:0 to bottom:100 in the css for the .text-bottom class as per below.

 

#feature_slider .text-bottom .fcontent {
    float: none;
    font-size: 1em;
    height: auto !important;
    left: 0;
    position: absolute;
    bottom: 100;
    width: 100%;
    z-index: 200;
}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Marc

 

Its working in the inspector, I've attached a screencast for you, is that the effect you were looking for?

 

http://screencast.com/t/3TJvyE6gJh

 

You can try setting bottom: none and then using top:0 as its absolute position for that element.

 

#feature_slider .text-bottom .fcontent {
    float: none;
    font-size: 1em;
    height: auto !important;
    left: 0;
    position: absolute;
    bottom: none;
    top:0 !important;
    width: 100%;
    z-index: 200;
}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
marcnevens    0
marcnevens

Hi,

 

sorry for confusing but I meant the other featured slider (more to the bottom of the page) under the title:

 

WITH AN HOLISTIC APPROACH TO PROMOTE SOCIO-ECONOMIC DEVELOPMENT

 

In that slider are 9 slides presented. In 8 of them is the text left outlined.

I want that the title and text will be aligned more to the top, because now the text is show to much to the buttom.

 

Could you help me.

Share this post


Link to post
Share on other sites
James B    436
James B

Ah ok, with you now. So you just want to move the text up within that area, like - http://screencast.com/t/WIYRCU8Xpk1

 

#feature_slider .text-right .fexcerpt, #feature_slider .text-left .fexcerpt {
    margin-top: -50px;
    overflow: hidden;
}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
marcnevens    0
marcnevens

ok, fine.

That's what I want.

Topic may be closed. Thank you for your help.

Marc

Share this post


Link to post
Share on other sites
James B    436
James B

You're welcome, glad all is working :-)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

  • Similar Content

    • jennajonesdesign
      By jennajonesdesign+
      Hello All!
       
      I am hoping to make my featured slider wider than the main content of the rest of my site. Here is an example of a design like this. Can anyone tell me how to do this? (I am good with firebug). 
       
      http://twigsandposies.com/
       
      THANK YOU!
       
      Jenna
    • WebWerx
      By WebWerx
      I would like to add some CSS to round the corners of the images in my Featured Sliders. Just wondering if that is possible as the images are scrolling. Silly question maybe.
       
      I have done it on another site by applying this CSS:
       
       
          border-bottom-left-radius: 3px;     border-bottom-right-radius: 3px;     border-top-left-radius: 3px;     border-top-right-radius: 3px;     box-shadow: 0 0 2px #000000;   It works fine on static images.   I'd hate to have to do this in Photoshop.   Beta website here: http://goo.gl/eSjqF   Thanks for any and all suggestions / help!  
×