Jump to content
Sign in to follow this  
keithdunlop

Adding Feature Boxes - Alignment

Recommended Posts

keithdunlop

I want to add a 4th feature box and have it on the same row with the default three with even alignment. When I add the 4th box in the feature setup screen, it automatically gets bumped to a second row on my home page. I couldn't find any placement/alignment tools. http://www.keithdunlop.com Thanks!

Share this post


Link to post
Share on other sites
keithdunlop
"You'll need to use CSS to resize the boxes" -- Probably a more helpful comment to a programmer. I guess I'll have to dig around on my own and try to figure out what to do. Thanks.

Share this post


Link to post
Share on other sites
Rob
Keith, If you FTP into your site and go to wp-content/themes/whitehousepro/pro/ look for template_fboxes.php Make a backup copy on your desktop. Edit the file and look for this: [code]
[/code] Try commenting it out by doing this: [code]//
[/code] Save and re-load the file. See of this helps. If it doesn't, I'm off the hook owing Danny a few beers. If it does, I owe him lunch to go with them.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob
Oh, if you run into any difficulties, just upload the backup copy you made to the same folder.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Danny
Hi Keith, This will require editing the core code and therefore I would recommend you create a child theme, otherwise whenever their is an update to Whitehouse Pro, your edits of the core code will be overwritten. You can of course simply change this everytime as its only one line of code, but making a child theme will save messing around everytime an update is available. Check out the link below, which is instructions about child theming. http://www.pagelines.com/docs/base-child-theme To make the all the boxes aligned follow these instructions: 1. Using your favourite FTP client, navigate to "/wp-content/themes/whitehousepro3_dev/pro/" and open the file called "template_fboxes.php". 2. Once the file is open, it should look similar to this below: [code]
ID) && !isset($fbox['draft']) && isset($fbox['text']) && !empty($fbox['text'])):?>
<---REMOVE THIS LINE & SAVE THE FILE
[/code] I have added this to the code above: <---REMOVE THIS LINE & SAVE THE FILE Delete that line of code and save the file. 3. Now you will need to add some custom css, as the width of the boxes is to large. I have added the code below you need, but you may have to adjust the width to match your sites. [code] /* CHANGE THE WIDTH TO MATCH TO FIT YOUR LAYOUT */ .fboxes .fbox { width: 239px; } [/code] 4. The code below is optional and not needed, but I've added a description as to what each does and you may find useful. [code] /* YOU MAY WANT TO REMOVE THE DIVIDER, ADD THIS IF YOU WISH TO */ .fboxdividers { background: transparent !important; } /* ADD THIS TO RESIZE YOUR IMAGES TO FIT YOUR NEW BOX WIDTH */ .fboxtext img { width: 90%; } [/code]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Rob
Stick with Danny's solution. He's brilliant. Deserves beer and lunch!

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

Sign in to follow this  

×