Jump to content
Sign in to follow this  
maurice

How to change feature text width?

Recommended Posts

maurice

Using Feature Boxes on front page of site. I can see how to change the Feature height and modifu padding around the text box (using Firebug and Custom CSS) but I can't find any way of controlling the width of the text box. I realise this will affect the maximum width of the graphic (which is?)

Share this post


Link to post
Share on other sites
Kate

Hi Maurice - You can adjust the width of .fcontent (eg:

.fcontent{width:400px !important;}

). But, you will also have to adjust the width of ".fmedia" accordingly. Currently it is set to 643px, leaving 603px for an image, I believe.

Share this post


Link to post
Share on other sites
maurice

Thanks Kate, I used your suggestion vis:

.fmedia{width:560px !important;} .fcontent{width:400px !important;}
However this also changes the settings for the Full Width Image page Yw4oe.png I haven't checked the effect on the other Feature Text Position Options.

Share this post


Link to post
Share on other sites
Andrew

Maurice, You could just preface the rule with the page id being applied to your body tag. Use Firebug to get the appropriate id. e.g. `body.page-id-xxx .fcontent {...}`

Share this post


Link to post
Share on other sites
projectsimply

Are there any plans to allow you to use the feature slider in the content area set in your content template under template set up? It is not currently available as an option but it would be really useful.This solution is for me a coding challenge I had hoped to avoid by acquiring Platform Pro so on reflection is a huge disappointment. Any help would be appreciated therefore.

Share this post


Link to post
Share on other sites
maurice

Hi Andrew, As far as I can see the page-id stays the same for all elements within a feature slider - at least when I view the source. I haven't managed to find a unique page id for each feature. What I was trying to do was use a different Feature Text Position setting for one of the features. (e.g. Text on Right for most with a Full Widtch Image on one page.)

Share this post


Link to post
Share on other sites
bryan-hadaway

Hi Maurice, Can you just provide me a link to the page(s) in which are the only you want the style applied? Thanks, Bryan

Share this post


Link to post
Share on other sites
maurice

Hi Bryan I've built a new page to demo the problem. It's at http://e-capability.co.nz/?page_id=313. Both Feature pages are the same EXCEPT for the "Feature Text Position" which for Feature 1 is Full Width - no text and Feature 2 is Text on Right. Here is the custom code (provided by Kate above) that generates the behaviour.

.fmedia{width:600px !important;} .fcontent{width:360px !important;}
Maurice

Share this post


Link to post
Share on other sites
maurice

Bryan The behaviour I would have expected is for the image in Feature 1 to be centre justified. I'm still working on the site. At the moment I have used a different style to remove the need for this feature. Maurice

Share this post


Link to post
Share on other sites
bryan-hadaway

Try this out: ` #feature_slider .fmedia .dcol-pad { float: left; overflow: hidden; padding: 0; text-align: center; } ` You'll now need to make the image the right size to fill the space. Thanks, Bryan

Share this post


Link to post
Share on other sites
maurice

Hi Bryan, No that didn't do what I wanted which was to control the width of the text and graphic boxes in a feature slider. Kate's code did the trick but it also changed the way the "Feature Text Position": Full Width - no text justification too. I can use a different layout if this is too hard to achieve. Maurice

Share this post


Link to post
Share on other sites
Kate

Hi Maurice - So you want the feature styles to change within the same slider? Or, on different sliders? If it's different sliders, then what Andrew was referring to above would be (for instance):

.page-id-313 .fcontent{/*styles here*/};

Share this post


Link to post
Share on other sites
maurice

Yes Kate - I wanted to change the styles in the same slider which I seemed to be able to do until I had applied the custom code you provided. Anyway, I think I'll change the design so I won't run into the limitation. Thank you for your assistance.

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  

×