[runnerchick081]

Hello,
So first off I love this theme, thank you so much I’m using it on quite a few website!
I’m hoping you could help me on this one: http://nycrunningmama.com/
What I’d like to do is have the social media clickable buttons directly to the right of the main logo. As well as two other clickable links. What’s the best way for that to be achieved (I wasn’t sure if an image was the route to go) and if you could kindly let me know how to go about doing that.
Thank you so very much in advance!

[Sakin]

@runnerchick081: For that first you need to remove your logo from Custom Header “Appearance => Header”. As that is not the place to add logo. To add logo you can go to “Appearance => Theme Options => Header Options” and upload the logo in Logo URL or just paste the logo URL there and don’t forget to un-check “Disable Header Logo”.

But your logo “www.nycrunningmama.com/wp-content/uploads/2014/08/cropped-logo.png” is too large with background. You can just add logo removing all background like this one https://dl.dropboxusercontent.com/u/81234910/nycrunningmama-logo.jpg

Then you can add background color in our header by adding in the following css in “Appearance => Theme Options => Custom CSS” box.
#branding { background-color: #f4eef0; }

[runnerchick081]

@Sakin Oh my gosh, you are freaking amazing!! Thank you SOO much!! I feel like a total idiot now for not having figured it out, but thank you for walking me through it.

If it’s okay, I have two just other quick questions:
1) Is there a way I can reduce the space between the body and the sidebar?
2) Any way to stop the Featured Image from going into the Header box?

Honestly, thank you SO much!!!

[Sakin]

@runnerchick081:
1. For this, I don’t know where you have added your custom css as below:

@media screen and (min-width: 1225px) {
#primary { width: 800px; }
#secondary { width: 200px; }
}

Just replace that with the following

@media screen and (min-width: 1225px) {
#main .wrapper { width: 1030px; }
#primary { width: 800px; }
#secondary { width: 200px; }
}

2. I have already answered in http://catchthemes.com/support-forum/topic/remove-featured-image-on-posts/

[runnerchick081]

@Sakin I had added that custom CSS using Simple Custom CSS, I tried changing it to what you suggested but it doesn’t seem to be working. I tried clearing the plugin’s CSS and adding it to the custom portion in the Theme Settings but still having difficulties. Am I being incredibly dense?

Awesome, thanks so much for alerting me to your other reply, I had subscribed but didn’t get an email (I’ll check my junk) so hadn’t caught it…my apologies! Thank you for your patience.

[Sakin]

@Sakin In your custom css I see the following css, can you let me know why you added it. It is conflicting with the css I gave you.

#primary {
margin: 0 -19% 0 0;
}
#content {
margin: 0 22% 0 3%;
width: 100%;
}
#secondary {
width: 33%;
}

[runnerchick081]

@Sakin of course, yes, thank you very much for following up! I’m making this website for a friend, she wanted to have the sidebar bigger, moved closer to the right side, and less distance between the content.

I felt bad asking you again for even more of your time/help so was looking at some answers from pervious questions on the forum.

Would you mind suggesting what I should have in there instead to achieve the look she wants?

[Sakin]

@runnerchick081: Sorry I don’t get it what are you trying to do it and your css conflicting with each other.

So, can you let me know more details then I can suggest it. Like what is the width of sidebar that you want and for content.

[runnerchick081]

@Sakin Sorry for my poor explanation.

If I could have the sidebar be 350px and the margins be only 10px and then allow the rest of the room be for the content.

Thank you so much for your patience with me on this!

[Sakin]

@runnerchick081: If you want your sidebar to be 350px with margin between to be 10px and rest for the content then you can replace your current css in “Custom CSS” box

@media screen and (min-width: 1225px) {
#main .wrapper { width: 1030px; }
#primary { width: 800px; }
#secondary { width: 200px; }
}

To the following css:

@media screen and (min-width: 1150px) {	
    #main .wrapper { width: 1115px; }
    #primary { width: 754px; }
}
@media screen and (min-width: 961px) {		
    #secondary { width: 350px; }
}

[runnerchick081]

@Sakin This is perfect!!! I can not thank you enough! Really and truly, this is by far the BEST experience I’ve ever had with a theme and help forum. Your follow-up and customer service is just incredible and themes are amazing.

Thank you so very much for your ongoing patience and help!

Best regards!

[Sakin]

@runnerchick081: Thanks for your appreciation.

[Author]

Posts