[Keith]

I’m almost done with my setup but I wanted to know if/where/how the following might be customized.

My url is blog.mrhoni-photography.com

1) On my Site Title, when I hover over it, the hover color is Green and I would like to change that color

2) The text from the footer editor option is at the very bottom of the page. I would like this text centered on the page.

3) I have Footer Area One set with the Social icons
a) I would like those to be in the center of the page OR they can be in the same area where the footer editor option values are and in that case I would like to have them on the left side and the footer editor text on the right side
b) Can I change the color of the social icons to a custom color when they are static and not being hovered over?

[Sakin]

@Keith:
1. You can change the color code in the following css and then add it in “Appearance => Theme Options => Custom CSS” box:

#site-title a:hover, 
#site-title a:focus, 
#site-title a:active {
    color: #ecd78c;
}

2. Just add the following css in “Appearance => Theme Options => Custom CSS” box:

#site-generator .copyright {
    text-align: center;
    width: 100%;
}

3.a. Just add the following css in “Appearance => Theme Options => Custom CSS” box:

#supplementary.one {
    text-align: center;
}
#supplementary.one .widget-area {
    display: inline-block;
    float: none;
    margin: 0 auto;
}
#supplementary.one .widget-area .widget_adventurous_social_widget {
    margin-bottom: 0;
}

3.b. Just add the following css in “Appearance => Theme Options => Custom CSS” box:

ul.social-profile li.facebook a {
    background-position: 0 -43px;
}
ul.social-profile li.google-plus a {
    background-position: -173px -43px;
}
ul.social-profile li.instagram a {
    background-position: -775px -43px;
}

[Author]

Posts