Community Forums › Forums › Archived Forums › Design Tips and Tricks › Adding new widget areas on home page
Tagged: AL
- This topic has 13 replies, 4 voices, and was last updated 10 years, 8 months ago by Brad Dalton.
-
AuthorPosts
-
July 30, 2013 at 3:27 pm #53274adri_nicoleMember
Hello,
I was adding new widget areas on the home page per this tutorial: http://www.carriedils.com/customize-the-homepage-for-the-associate-theme/
I seem to have done something wrong, but can't figure it out. Can someone take a look and see what's wrong??
acrepairseguin.com is the site. Thank you for any help!!
http://acrepairseguin.comJuly 30, 2013 at 4:25 pm #53278Ben @ Inbound CreativeMemberCan you paste the code that you changed before the site broke please?
July 30, 2013 at 4:56 pm #53285adri_nicoleMemberThis was what was originally in functions.php:
genesis_register_sidebar( array(
'id' => 'featured',
'name' => __( 'Featured', 'associate' ),
'description' => __( 'This is the featured section.', 'associate' ),
) );in home.php:
if ( is_active_sidebar( 'featured' ) ) {
in style.css:
.featured {
margin: 0 auto;
height: 430px;
padding: 0 0 25px;
width: 910px;
}July 30, 2013 at 5:03 pm #53286RobGMemberHello Nicole did you change anything in this section of your function.php code?
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossJuly 30, 2013 at 5:05 pm #53287adri_nicoleMemberYes, I changed in function.php
/** REMOVE THIS BIT OF CODE FOR THE ORIGINAL FEATURED WIDGET AREA */
genesis_register_sidebar( array(
'id' => 'featured',
'name' => __( 'Featured', 'associate' ),
'description' => __( 'This is the featured section.', 'associate' ),
) );
/** END REMOVE *//** ADD IN THESE NEW WIDGET AREAS */
genesis_register_sidebar( array(
'id' => 'featured-left',
'name' => __( 'Featured Left', 'associate' ),
'description' => __( 'This is the featured left section.', 'associate' ),
) );
genesis_register_sidebar( array(
'id' => 'featured-right',
'name' => __( 'Featured Right', 'associate' ),
'description' => __( 'This is the featured right section.', 'associate' ),
) );July 30, 2013 at 5:11 pm #53288RobGMemberI'm assuming you have a fresh copy of your function.php file correct? What did you chage in your function.php?
I'm yting to narrow it down to find a fix for you. Sometimes it's best to upload a fresh copy and try to make the changes you want.
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossJuly 30, 2013 at 5:26 pm #53292adri_nicoleMember/** REMOVE THIS BIT OF CODE FOR THE ORIGINAL FEATURED WIDGET AREA */ genesis_register_sidebar( array( ‘id’ => ‘featured’, ‘name’ => __( ‘Featured’, ‘associate’ ), ‘description’ => __( ‘This is the featured section.’, ‘associate’ ), ) ); /** END REMOVE */ /** ADD IN THESE NEW WIDGET AREAS */ genesis_register_sidebar( array( ‘id’ => ‘featured-left’, ‘name’ => __( ‘Featured Left’, ‘associate’ ), ‘description’ => __( ‘This is the featured left section.’, ‘associate’ ), ) ); genesis_register_sidebar( array( ‘id’ => ‘featured-right’, ‘name’ => __( ‘Featured Right’, ‘associate’ ), ‘description’ => __( ‘This is the featured right section.’, ‘associate’ ), ) );
July 31, 2013 at 2:54 am #53340Brad DaltonParticipantYou may have missed this code for the home.php file as Github are having problems hosting code and sometimes it disappears from blog posts.
https://gist.github.com/cdils/4370154
July 31, 2013 at 3:09 am #53343Brad DaltonParticipantI've tested the code below for the home.php file and it works perfectly.
Here's the complete home.php code.
July 31, 2013 at 5:50 am #53363Brad DaltonParticipantYou might also want to add a background image to the 4th widget title as the others use one or use the same background image for all 4 home middle widget titles.
.home-middle-4 h4 { background: url(images/headline-4.png); }
Or the same title background for all home middle widgets:
.home-middle h4 { background: url(images/headline-1.png); }
Here's what it will look like now:
July 31, 2013 at 6:16 pm #53463adri_nicoleMemberThank you so much Brad! I'm just in passing right now but will try it out tonight. Hopefully I can get it fixed!
July 31, 2013 at 7:59 pm #53472Brad DaltonParticipantNo worries Adri.
I have it all on my local system so i know it works perfectly.
Simply a copy and paste job.
You can also add a background to the featured widget titles.
.home-middle-4 h4 , .home-featured h4 { background: url(images/headline-4.png); padding: 10px 12px; color: #fff; font-size: 16px; }
August 7, 2013 at 8:45 pm #54793adri_nicoleMemberHello all, So I have my problem fixed now, but will I need to remake these changes when I update wordpress and genesis??
August 8, 2013 at 12:28 am #54824Brad DaltonParticipant -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.