Community Forums › Forums › Archived Forums › Design Tips and Tricks › Customizing Lifestyle Theme
- This topic has 6 replies, 2 voices, and was last updated 11 years, 1 month ago by jholloman.
-
AuthorPosts
-
January 24, 2013 at 7:08 pm #14489jhollomanParticipant
Hello Everyone,
I'm hoping someone can point me in the right direction.
I'm currently using the Lifestyle them, v2.0 and I'm trying to emulate the Stylemakers International website that isshowcased for the Lifestyle theme gallery.
I have used FireFox to try and decode what has been done, and have a basic understanding of what they have done, butI am not sure about playing with the style sheet because I am not all that saavy in CSS or manipulating HTML for theresults I am looking for and I don't want to break the theme.
So far, I have played with some widgets, but they don't seem to give me what I see on the Stylemakers site.
I am making a Clickbank site and want it to be functional and aesthetically pleasing.
My main goal right now is to:
1) manipulate the color scheme of the borders/wrapper and headlines for the homepage using the colors from the
header (Black, Dark Blue and Teal).2) add a topnav, to include the Social Icon and search box like the one on the Stylmakers International site.
Thanks in advance,
James
url is: http://www.artofnoiz.com
January 24, 2013 at 7:23 pm #14493AnitaKeymasterAre you using the Firebug add-on for Firefox to view the CSS? That should provide you with all the elements you need to change.
Love coffee, chocolate and my Bella!
January 26, 2013 at 8:59 pm #15231jhollomanParticipantMy bad, yes I am using Firebug.
I snatched the code and modified and placed it in the style sheet above the header code like so like so:
/* TopNavbar
------------------------------------------------------------ */#topnavbar {
background-color: #0f1839
background-position: initial initial;
background-repeat: initial initial;
border-bottom-color: #ffffff;
border-bottom-style: solid;
border-bottom-width: 1px;
height: 40px;
height: 40px;
}But I don't see the placement above the header when I refresh the page from the WP-Admin for the site.
In addition, I don't see the code when I use Firebug and I don't see the "div id="topnav" when I view the page source.
I am beginning to understand how things are layed out in the style sheet, but can't figure this one out...I know I'm close.
James
January 26, 2013 at 9:04 pm #15233AnitaKeymasterDid you activate your Secondary Menu in Genesis? Go to Genesis > Settings and activate it.
Love coffee, chocolate and my Bella!
January 30, 2013 at 4:08 pm #16528jhollomanParticipantAnita,
Thank you for taking time out to offer your assistance, I appreciate it.
In response to your question, no I am using my secondary menu (below the header) for my Home/About/Contact/Privacy navigation.
I understand what you are driving at, but I want to basically do exactly what you did on your http://goo.gl/1AsaA website, except not have the box so tall.
I've seen in the theme settings where I can place the search box to the right, but it appears on my header, I don't want that, I want it above the header just like yours.
Initially I went into the functions.php and added "topnav" so that I had a new widget, but then went with the simple sidebar plugin, which does the same thing. Then I found simple hooks to be better because it has a hook that you can place the code in to create a topnav bar above the header. I know I could achieve the same by just activating the primary menu, but I want
Now I'm just trying to figure out how to call the "topnav" code in the stylesheet that will resize and color the bar.
James
January 30, 2013 at 4:21 pm #16534AnitaKeymasterOh, what I have is actually a custom menu and it's in the Header Right Widget area. Okay, let's take a step back. You are trying to style the top nav you currently have that says, Learn - Beat Making - Music Production? Or are you trying to add a Top Nav above that?
Love coffee, chocolate and my Bella!
February 4, 2013 at 10:46 am #17904jhollomanParticipantYes I am.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.