[Dudley]

Hi! A couple of swift questions:

How can I remove the bar/text that shows up on the slider when I hover on it? I’d like to keep the nav buttons, but get rid of the dark shadow and text.

Also, how can I move the social icons in the header down a little, they’re very high up.

Thanks!

[Sakin]

@Dudley: Please send me your site URL and also let me know what do you mean by little. Can you be more specific.

[Dudley]

http://melissanyc.com/

Still a work in progress, obviously. I’d like the social icons to be centered vertically in the section that they appear in.

I realize now I wasn’t clear about the slider, I’d like the dark bar to not appear at all, is that possible?

[Sakin]

@Dudley: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

/* Remove Slider Text */
#slider-wrap .featured-text {
    display: none;
}
/* Move Social Icon */
@media screen and (min-width: 768px) {
#sidebar-header-right {
    padding-top: 55px;
}
}

[Dudley]

Thanks! The slider code worked, but the social icons code did not. I’ve tried different values, but they remain in the same location…

[Sakin]

@Dudley: I check in your site and see that you have added Social Icon widget in “Header Top Sidebar”. Please remove it from there and add it in “Header Right Sidebar” and then it will work fine.

[Dudley]

Ah! That works great, thanks very much.

One other thing – if I wanted to style the social media icons (change their color, or hover color) where would I do that?

[Sakin]

@Dudley: Social icons used in this theme is image. So, you cannot change that. You can just change either to grey or to the their original Color.

For example, if you want your current social icon color changed from Grey to hover state then you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

.social-profile ul li.facebook a {
    background-position: 0 -44px;
}
.social-profile ul li.twitter a {
    background-position: -44px -44px;
}
.social-profile ul li.google-plus a {
    background-position: -528px -44px;
}
.social-profile ul li.you-tube a {
    background-position: -132px -44px;
}
.social-profile ul li.flickr a {
    background-position: -440px -44px;
}
.social-profile ul li.instagram a {
    background-position: -704px -44px;
}

[Dudley]

Great, that works well. I switched them around so they’re grey on hover.

Thank you for your help, you’ve been wonderful, and I really like the theme!

[Author]

Posts