Jump to content


Photo
- - - - -

Featured slider - change title and text position

featured slider

Best Answer James B , 24 January 2014 - 06:06 AM

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;
}
Go to the full post


  • Please log in to reply
7 replies to this topic

#1 marcnevens

marcnevens

    Newbie

  • Members
  • Pip
  • 8 posts
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 21 January 2014 - 10:28 AM

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



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 22 January 2014 - 12:03 AM

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;
}


#3 marcnevens

marcnevens

    Newbie

  • Members
  • Pip
  • 8 posts
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 22 January 2014 - 06:49 PM

Hello,
 
I put the code in the custom css, but nothing changed.

 

The Title + text in the left of the feature went not up

 

See 2nd feature banner slider on page http://nguvu.byethost15.com/nguvushop/ 

 

rgd

 

Marc



#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 23 January 2014 - 06:50 AM

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;
}


#5 marcnevens

marcnevens

    Newbie

  • Members
  • Pip
  • 8 posts
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 23 January 2014 - 09:09 AM

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.



#6 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 24 January 2014 - 06:06 AM   Best Answer

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;
}


#7 marcnevens

marcnevens

    Newbie

  • Members
  • Pip
  • 8 posts
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 24 January 2014 - 09:49 AM

ok, fine.

That's what I want.

Topic may be closed. Thank you for your help.

Marc



#8 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 25 January 2014 - 09:05 AM

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







Also tagged with one or more of these keywords: featured slider