Jump to content
farmersmarketbaskets

how can i adjust text margins in a feature slide

Recommended Posts

farmersmarketbaskets    0
farmersmarketbaskets

Please excuse me for not being able to figure this out.  I have tried to find the information everywhere and I think I've watched every screen cast on the feature slider as well as read the docs and I can't find what I'm looking for.

I need to be able to adjust the margins and format the text on my feature. Right now, the title is almost in the middle of the feature, and my words run off the page if I have a static height.  When I change to aspect ration height, all my text will show up, but the margins are huge.  I need to be able to adjust this.  I'm sure there is a simple answer.  Thank you for your help.

post-45813-0-44809700-1358891219_thumb.j

post-45813-0-43498300-1358891236_thumb.j


Kristina

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

Do you have Firebug for Firefox (www.getfirebug.com)? That will help you identify the proper CSS elements.  The slider's elements are generally speaking, fully customizable and each has its own CSS element, so the key is finding the right one to achieve your desired result.

 

Chrome's Inspection Tool works as well.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
farmersmarketbaskets    0
farmersmarketbaskets

I don't have those tools.  I was hoping not to have to customize the CSS. :-) I haven't ever done that before...I guess I have a learning curve ahead of me. I will get to work.  Thank you!


Kristina

Share this post


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

Hi Kristina, if you've not used css inside the Framework before check out - http://support.pagelines.me/docs/customization/custom-css/ which will give you an overview of what to look for and edit.

 

An example of editing the margins for the text in the feature slider is below

 

#feature_slider .text-bottom .fcontent .ftext {
    padding: 3px 10px;
}

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
farmersmarketbaskets    0
farmersmarketbaskets

Thank you.  I'm looking into it.  It will take me some time to figure it out.  I appreciate your help.


Kristina

Share this post


Link to post
Share on other sites
Rob    547
Rob

Kristina,

 

Chrome's Inspection Tool is built into the Chrome browser.  Firebug is free and integrates easily and seamlessly into Firefox browser.

 

It took me about 2 short afternoons to get a good understanding of it.


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

    • gabriel1937
      By gabriel1937
      Hello,
       
      After updating the site below to Framework 2.4.6, the main feature slider has changed appearance, now looking pixellated. Before it looked perfect.
       
      http://www.chandlerlink-accountants.co.uk
       
      Please can you advise what I should do to make the slider look correct (should be 250px high). See attached for an indication of what is happening.
       
      [attachment=2646:Project3.pdf]
       
      Several other the sites we have created use PageLines Framework and I am wary of updating them to 2.4.6 if it will cause all Feature Sliders to break in this way.
       
      Many thanks,
       
      Phil Chandler
    • kellid
      By kellid
      Hello,
       
      The feature slider images are stacking vertically upon the page load on all browsers.  I found a forum topic that used the following css coding but this is not working for me.  
       
      #page #feature-area {
                   overflow: hidden;
           }
        I can't take the screen capture fast enough to give a shot of it.   I'm using the newest version of WP and the url is modelalliance.org.  Any help would be appreciated!   Best,   Kelli
    • universalhall7
      By universalhall7
      Regarding the feature sliders at this url:
      www.heartbecoming.com
       
      I need to be able to credit the artist for the images directly at the images on my website.  It seems like the cleanest way to do this is to add hover text to the images with the name of the artist.  I can't seem to figure out though how to add the hover text to the image.  Images displayed in posts and on pages use the title as hover text so that is workable.  Please advise on showing hover text for feature slider images.  Thanks!
       
      Thessa
    • achif
      By achif
      I've tried disabling all plugins and erasing the custom code and this problem persists as you can see in the attached image ( the max. size per file is way too small by the way ).
      Please help.
    • roycreative
      By roycreative
      Ever since the last update my feature slider doesn't load correctly and the images run the length of the page. Not sure how to really trouble shoot since the problem is intermittent. 
       
      Screenshot here:
      https://docs.google.com/a/roycreative.com/file/d/0B4wI3jhXzisCeUpic3J6c3VmM0E/edit?usp=drivesdk
×