Need help? Check out our Support site, then


Site Title/Navigation Formatting

  1. Hello,
    I added my own header and also wanted it moved to the very top. I also wanted to hide the site title and description and then move down my site navigation (home/about) so that it fell below the header.

    Everything seemed to work except now my header is covering the navigation a little bit and you can see half of the (home/about) tabs at the bottom of the header. What can I do to either move down the navigation or make it formatted in a way where it looks right?

    K

    The blog I need help with is thesimplechild.com.

  2. Try removing this:

    #header {
    	padding-top: 150px
    }
    #header-image {
    	position: absolute;
    	top:40px
    }

    And adding this instead:

    #header {
    	margin-top: 150px;
    }
    #header-image {
    	position: absolute;
    	top: -130px;
    }

    Note that this solution depends on the #header being a set height. If the height of that element were to change for some reason, then you'd need to adjust the "-130px" accordingly. It doesn't look like you'll run into that problem though. Give the example above a try to see how it works out.

  3. You are a gem. Worked like a charm. Thank you!
    Kyle-

  4. Awesome!

    I love finding fashion blogs like yours. :) Cute blogroll list too. I noticed the links to a couple of them, i.e. Scout Sixteen, are broken because the http:// is missing from before the www for a few links in your text widget.

    Did you know you can setup a blogroll set of links using a link manager built into WordPress.com?
    http://en.support.wordpress.com/blogroll/add-a-blogroll-link/
    http://en.support.wordpress.com/widgets/links-widget/

    Might be easier if you're not into editing HTML. If you like HTML, then the text widget way of doing it is cool too.

  5. Thanks! I tried that and it worked too! I do have a question remaining about the header. When I pull up the browser I want the header to scroll across the whole top. It seems to fit in where there is blocked off white space. Anyway to make the header go across the whole top?

    Thank you!

  6. The theme you are using has an overall parent wrapper div that contains all the content, including the header image, which constrains the width of everything in that parent.

    I would suggest creating a new header image with the text centered that is 3000px in width so that it can span virtually all monitors around.

    First off, remove the existing header image at Appearance > Header and remove the following from your existing CSS.

    #header {
        margin-top: 150px;
    }
    #header-image {
        position: absolute;
        top: -130px;
    }
    #header {
        padding: 50px 0 0 160px;
    }

    Upload the newly created header image to your media library, get the URL of that image and then replace URL_OF_IMAGE between the quote marks with the URL of the new image and paste the following into your CSS.

    body {
        background: url("URL_OF_IMAGE") no-repeat scroll center top transparent;
    }
    
    .wrapper {
        margin-top: 191px;
    }

    If your header image ends up being a different height than your original (191px) then adjust the top margin value in the .wrapper rule to match the height of the image.

  7. How can I center the post title. It shows up to the left but I would like it centered above the post?

  8. Hi, On the single post pages, you can center post titles with the following CSS.

    .post-content .post-title {
        text-align: center;
    }
  9. Great that worked. Is there anyway for it to center on the home page?
    I have the CSS upgrade if that helps or if there is styling for it.

  10. Give this a try and see what you think for the main page centering.

    .blog .post-meta {
        float: right;
        text-align: center;
        width: 545px;
    }
    .blog .post-categories {
        background: none;
    }
  11. I like where it brought the title but it dragged over the category and date under that so the post is pushed down. Also the blog roll on the left side rail is now pushed down too so it looks a little off?

    Any ways to move that blog roll in side left rail up and get rid of category and date?

  12. Given that the post title, date and category are all in the same overall div, it makes it difficult to move the title over without moving the others over.

    The Links widget can be moved up by adjusting the "top" value in the following CSS in your custom CSS.

    #linkcat-2854 {
        left: 0;
        position: absolute;
        top: 320px;
        width: 145px;
    }

    Do you want to hide the date and categories or what exactly and I can work on making that happen?

  13. I tried the CSS code you provided but it didn't work. So once I can figure out how to move that up - yes hiding the categories and the date at this time would be awesome!
    Thanks

  14. Did you adjust the 320px value? That CSS already exists in your Custom CSS, so just find it and change the "top" value to 220px and it will align the line on the top of the Links widget with the line at the top of the post content.

  15. Thank you that worked!

    Now just need to hide categories and date.

    Additionally, I am trying to add RSS feed to my blog so that others can add me in places like Blog Lovin'. I set it up with the RSS widget, but not sure if I did it correctly, etc. Can you help?

  16. Now just need to hide categories and date.

    You can hide all of the post data in the Blogum theme at once with this CSS:

    .post-data {
    	display: none;
    }
  17. Additionally, I am trying to add RSS feed to my blog so that others can add me in places like Blog Lovin'.

    What you probably want is the RSS Links Widget (which adds links to your own blog's RSS feeds so other can copy them) instead of the RSS Widget (which is something that let's you display links to other blogs' posts using their RSS feed URL).
    http://en.support.wordpress.com/widgets/rss-links-widget/

  18. So I added the RSS Links Widget and it looks a little weird. It says RSS - Posts on my page now and the other RSS blogger thing is there. My friend has a Bloglovin widget on his page http://www.scoutsixteen.com and something similar would be great. Any way I can do this? Or atleast have them follow me on Bloglovin'?

    THANK YOU!

  19. I set it up with the RSS widget, but not sure if I did it correctly

    Sorry, I think I might have misunderstood your request before.

    I looked at http://scoutsixteen.com/ and I see a "Follow me on bloglovin'" button near the top of the right sidebar.

    I think you can get one of those buttons at https://www.bloglovin.com/widgets and then add the code it provides into a text widget. You should enter your blog URL http://thesimplechild.com/ when you do it, not your RSS feed. All WordPress.com blogs have an RSS feed built in automatically, so you don't need to worry about that part.

Topic Closed

This topic has been closed to new replies.

About this Topic