Metro Theme-Soicial Icons for Secendary Menu

Community Forums Forums General Discussion Metro Theme-Soicial Icons for Secendary Menu

This topic is: not resolved

This topic contains 11 replies, has 3 voices, and was last updated by  Blacksheep 1 year, 1 month ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #65679

    Blacksheep
    Participant
    Post count: 8

    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.
    LB


    Tell Your Story.

    #65761

    AC
    Blocked
    Post count: 7712

    Brad Dalton wrote a tutorial on this. Check it out here.

    #65764

    jhguynn
    Participant
    Post count: 223

    Anitac: can you check the link you posted. It’s not clickable for me.

    #65767

    AC
    Blocked
    Post count: 7712
    #65880

    Blacksheep
    Participant
    Post count: 8

    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.

    Best regard
    LB


    Tell Your Story.

    #66026

    Blacksheep
    Participant
    Post count: 8

    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?

    Thanks
    LB


    Tell Your Story.

    #66028

    AC
    Blocked
    Post count: 7712

    Do you have any Caching plugins installed?

    #66031

    jhguynn
    Participant
    Post count: 223

    …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.

    #66038

    Blacksheep
    Participant
    Post count: 8

    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 a but that isn’t it and nothing in the Title section is working either.

    LB


    Tell Your Story.

    #66163

    Blacksheep
    Participant
    Post count: 8

    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.

    Thank you
    LB


    Tell Your Story.

    #66187

    AC
    Blocked
    Post count: 7712

    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:

    [php]// 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’ ),
    ) );[/php]

    #66204

    Blacksheep
    Participant
    Post count: 8

    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.
    LB


    Tell Your Story.

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Metro Theme-Soicial Icons for Secendary Menu’ is closed to new replies.