Community Forums › Forums › Archived Forums › General Discussion › Metro Theme-Soicial Icons for Secendary Menu
Tagged: Metro theme., social icons
- This topic has 11 replies, 3 voices, and was last updated 9 years, 8 months ago by Blacksheep.
October 7, 2013 at 10:54 am #65679
Good Morning to you all.
This is my first post to the Forum and I am new to Studio Press. I love the Genesis framework and it didn't take long to get used to how it works. I do not understand hooks, or classes very well or that kind of customization. Right now I am working on a website for a client that will be a podcast site primarily which will expand into a local resource site for comedians and fans. I am using the Metro Theme and have gotten most of what I want in place for structure. Now I want to add a few things to tighten it up. I would like to add a couple of social icons onto the secondary menu up top. I want them to be aligned left, right next to the "Listen to the Podcast" tab. This way they will be easily seen. One would be a RSS icon and the other might be a Facebook Fan Page and Twitter.
Is there a plug -in or hook that would help me with this?
Thanks in advance. Great stuff here.
Tell Your Story.October 7, 2013 at 6:54 pm #65761
Brad Dalton wrote a tutorial on this. Check it out here.
Love coffee, chocolate and my Bella!October 7, 2013 at 7:28 pm #65764jhguynnMember
Anitac: can you check the link you posted. It's not clickable for me.October 7, 2013 at 7:44 pm #65767
Here it is again - http://wpsites.net/best-plugins/adding-social-media-buttons-to-the-genesis-navigation-menu/.
Love coffee, chocolate and my Bella!October 8, 2013 at 2:38 pm #65880
Thank you Anitic. I had already started with another plug-in that I like and now I'm just trying to apply some custom CSS to remove some of the padding. I still am going to look at this too but I appreciate your help. If I can get the padding issue fixed, I'll check this as resolved.
Tell Your Story.October 9, 2013 at 5:00 pm #66026
It took me a few days to find out the right css to adjust things but I do have it working now and the link you provided has helped a lot. My problem now however, is that when I work on other css it doesn't ever show the changes. Is there something I am doing wrong?
Tell Your Story.October 9, 2013 at 5:09 pm #66028
Do you have any Caching plugins installed?
Love coffee, chocolate and my Bella!October 9, 2013 at 5:27 pm #66031jhguynnMember
...in addition to what Anitac wrote immediately before this post, be aware if you are using cloud caching services, like cloudflare or maxcdn. If so, there'll be a delay in seeing your changes.October 9, 2013 at 6:23 pm #66038
I am not using caching plug-ins or cloud sharing. I have seen immediate changes with some CSS properties while no changes with others. It may be that I'm not targeting the right properties in the CSS. I'm trying to change the font color inside the Metro Title element. I am using the Metro red. I was looking to change the white font inside the Red box. After inspecting the element. I tried to track the correct CSS property.
The css inspector says it is
.metro-pro-red .site-title abut that isn't it and nothing in the Title section is working either.
Tell Your Story.October 10, 2013 at 11:19 am #66163
After taking the time to dig into the css I have figured out where my adjustments can be made. I am currently adjusting the colors of metro red safely in a simple css option. I am liking the direction and if the new theme color turns out how I want, I'm curious if there is a way to implement the new option into the Genesis theme settings and label it. This way if my client wants to go back to the default Metro red, he could. is there a way to do that?
Other than that, this thread could be labeled resolved.
Tell Your Story.October 10, 2013 at 4:24 pm #66187
Well, you can copy the CSS from another color, change it to your color. Then open up the functions.php file and add your new color here:
// Create additional color style options add_theme_support( 'genesis-style-selector', array( 'metro-blue' => __( 'Blue', 'metro' ), 'metro-green' => __( 'Green', 'metro' ), 'metro-orange' => __( 'Orange', 'metro' ), 'metro-pink' => __( 'Pink', 'metro' ), 'metro-red' => __( 'Red', 'metro' ), ) );
Love coffee, chocolate and my Bella!October 10, 2013 at 7:44 pm #66204
Yeah after a lot of tinkering I figured out that if you are not working with the default theme, you have to adjust the css within whatever color scheme you are working with and I have done a pretty good job of getting things where I like them. Now that you have provided this php code, I'm sitting in a good spot, and not just for this project but for whatever project I decide to use this theme with going forward.
Thank you. We can close this thread if you like. I'll be starting a new one. I'm having a problem with the H2 font not looking like the font in the demo.
Thank you for the great help.
Tell Your Story.
- The topic ‘Metro Theme-Soicial Icons for Secendary Menu’ is closed to new replies.