How to add a Logo in my header

• 

  tooistanbul · Member · Apr 18, 2013 at 10:00 am

  • Copy link
  • Add topic to favorites

  Hello, i would like to know how to upload a Logo in my header. Any help?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Apr 18, 2013 at 3:22 pm

  • Copy link

  It looks like you have already figured this out on http://tooistanbul.com/ , or are you talking about a different site?

• 

  tooistanbul · Member · Apr 19, 2013 at 10:29 am

  • Copy link

  Yes i have figured this out. Thanks a lot. I have another question, do you know how to reduce the header’s size?

• 

  thesacredpath · Member · Apr 19, 2013 at 4:17 pm

  • Copy link

  When you say, “reduce the header’s size” are you talking about the image itself or the white space above and below?

• 

  tooistanbul · Member · Apr 19, 2013 at 4:20 pm

  • Copy link

  i’m talking about the white space between the logo and the navigation bar

• 

  thesacredpath · Member · Apr 19, 2013 at 5:22 pm

  • Copy link

  Ah, we can use some negative top margin on the navigation. Add this and then adjust the negative top margin to your liking.

  .main-navigation {
  margin-top: -0.5em;
  }

• 

  tooistanbul · Member · Apr 19, 2013 at 5:32 pm

  • Copy link

  Great, thanks a lot

• 

  thesacredpath · Member · Apr 19, 2013 at 5:37 pm

  • Copy link

  You are welcome.

• 

  tooistanbul · Member · Apr 19, 2013 at 5:43 pm

  • Copy link

  thanks for your help, i still have questions:
  1-Now, how i decrease the space between the main content and the space bar?
  2-How can i change the color of the widgets? (articles on the right side of the blog) because i don’t like the grey color around the pictures)
  3-Decrease the space between the widgets
  4-Change the table’s aspect (left)
  Thanks for your time, btw our blog will be available in English soon.

• 

  thesacredpath · Member · Apr 19, 2013 at 6:03 pm

  • Copy link

  1. Padding above and below the line in #main. Adjust them as you desire.

  #main {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  }

  2. Add this to remove the caption background and borderline. I’ve targeted the sidebar image captions only, so any images in post or page content areas will still have the border and background. If you want to get rid of the background and border on captioned images, site wide, remove the #secondary from the selector below and just have the .wp-caption selector.

  #secondary .wp-caption {
  background: none;
  border: none;
  }

  3. This will tighten it up some. If you want it tighter, some of the non-image widgets might appear to run together, so we might have to target more specifically in the image widgets. Let us know if this will do or not.

  .widget-area .widget {
  margin-bottom: 0;
  }

  4. Not sure what you are talking about here. Can you expand a little?

• 

  tooistanbul · Member · Apr 20, 2013 at 11:30 am

  • Copy link

  Thanks, but how could i make widget’s text white?
  And for 4, i was talking about not showing the table’s borders

• 

  thesacredpath · Member · Apr 20, 2013 at 2:29 pm

  • Copy link

  On the photo grid (table) add the following:

  .entry-content tr td, .comment-content tr td, .entry-content table, .comment-content table {
  border: medium none;
  }

  This turns the grey image caption font white.

  .widget_image .wp-caption p {
  color: #FFFFFF;
  }

• 

  thesacredpath · Member · Apr 20, 2013 at 2:31 pm

  • Copy link

  You do realize that your last 4 images in your sidebar are making me hungry, don’t you?

  :-)

• 

  landscapelover · Member · Apr 20, 2013 at 2:49 pm

  • Copy link

  I’m playing with my header and want to reduce the white space too. But do you need the CSS upgrade to do this?

• 

  thesacredpath · Member · Apr 20, 2013 at 2:59 pm

  • Copy link

  @landscapelover, if you are talking about the white space between the post title and the bottom of the header, yes, you would need the custom design upgrade to do that.

• 

  landscapelover · Member · Apr 20, 2013 at 3:07 pm

  • Copy link

  tsp – ok, thanks.

• 

  thesacredpath · Member · Apr 20, 2013 at 3:15 pm

  • Copy link

  You are welcome.

• 

  tooistanbul · Member · Apr 20, 2013 at 5:58 pm

  • Copy link

  thanks a lot, haha i know, that’s super tasty.

• 

  tooistanbul · Member · Apr 22, 2013 at 8:42 am

  • Copy link

  Hello again, how can i change the font color and the background colors of the pictures i upload in my articles and the home page?

• 

  tooistanbul · Member · Apr 22, 2013 at 10:42 am

  • Copy link

  Can i also have sliding pictures on my home page