Need help? Check out our Support site, then


Design help and widget problem :(

  1. Hey

    I'm using a Black-LetterHead theme By Ulysses Ronquillo. I have the custom design upgrade.

    At the top of every post it shows the categories and tags, is there anyway to move them to the bottom of each post instead?

    Also, the archive widget on my page just shows the month and post count. Is there a way to show each exact post in that month, a more detailed archive widget?

    Here's my page - http://summoningspirits.wordpress.com/

    Thanks

    Pete

    The blog I need help with is summoningspirits.wordpress.com.

  2. Hi there,

    At the top of every post it shows the categories and tags, is there anyway to move them to the bottom of each post instead?

    This is a bit tricky, but this CSS code might do it. From your dashboard, add the following to the Appearance → Custom Design → CSS panel:

    .home .post small, .archive .post small {
        bottom: 25px;
        height: 0;
        position: absolute;
    }
    
    .post {
        margin-top: 70px;
        position: relative;
    }
    
    .post:first-child {
        margin-top: 0;
    }

    The first CSS block will move the categories and tags to the bottom of the posts in your home and archives page. The other two CSS blocks adjust the spacing between your posts, so that post titles do not overlap with the categories and tags.

    Also, the archive widget on my page just shows the month and post count. Is there a way to show each exact post in that month, a more detailed archive widget?

    Hm, I don't think that's possible with that widget. See the options for the Archives widget here: http://en.support.wordpress.com/widgets/archives-widget/. Also, take a look at this page http://en.support.wordpress.com/widgets/, and see if any other widgets might suit your needs better.

    Hope this helps :)

  3. Hey,

    Thanks for replying! I copied the code and it works perfectly. I have another question. At the bottom of the page I have a tab "Older Entries", I'd like to lower it abit. I had to enter this CSS code to enable it because it was set to scroll infinitely but there's no code for a margin or height setting, any idea? -

    #infinite-handle {
    display: none;
    }

    .infinite-scroll.neverending .navigation,
    .infinite-scroll .navigation,
    .infinite-scroll.neverending #copyright {
    display: block;
    }

    Thanks

    Pete :)

  4. Hi Pete,

    Just so you know, no CSS is needed for disabling infinite scrolling. From your dashboard, go to Settings → Reading and uncheck the check box on the right of "To infinite and beyond".

    To position the "Older Entries" link lower in your page, try this bit of CSS:

    .navigation {
        padding-top: 50px;
    }

    Adjust the value of "padding-top" as you wish :)

  5. I tried that in Settings but it didn't work :(

    Thanks so much for your help, everything worked!

    Very much appreciated

    Pete :)

  6. I'm glad I could help, Pete :)

  7. Hey

    I got one other question for you if that's okay. How do I or what's the code for making my main blog/text feed margin wider? Right now it's a little slim as you can see - http://summoningspirits.wordpress.com/ and http://summoningspirits.wordpress.com/2013/07/24/demonologists-split-lp/

    Thanks again

    Pete :)

  8. Do you mean you want to make the main content area wider for single posts? If so, give this a try:

    .widecolumn {
    	margin-left: 5%;
    	width: 90%;
    }
  9. that works great for each post individually, is there any code for the main feed on the home menu wider?

    Pete

  10. Pete, on the archive question, you might want to check out the archives shortcode, which can be used in text widgets. You can show a listing of posts, but not sorted by month/year. The yearly/monthly/weekly types will display similar to the archive widget. You can play around with it and see if you can come up with an acceptable solution.

    On the main page, I've robbed a little from some padding, shifted the sidebar to the right a little and was able to increase the content width from 450 to 500px for you. If you want it wider, you can decrease the left padding in .home .narrowcolumn and then increase the width. The last bit is to keep the widget content from running right up against the right border of the content/sidebar area.

    .home #sidebar {
    margin-left: 570px;
    }
    
    .home .narrowcolumn {
    padding-left: 25px;
    width: 500px;
    }
    
    #sidebar ul, #sidebar ul ol {
    padding-right: 25px;
    }
  11. Thanks alot, that worked perfectly. I appreciate everyones help.

    Pete :)

  12. Now that the homepage is set when I click on Archive "July" or drop-down Categories "News" everything gets reverted back to the original dimensions on the main feed? Anyway to set it the same across the entire site or fix it for these layouts?

    Pete

  13. Also on the Archive "July" and drop-down Categories "News" pages, at the top of the page it says "Older Entries", anyway to remove this, I don't need it for either because it's on the bottom and it takes up too much space.

    example here - http://summoningspirits.wordpress.com/2013/07/

    Thanks again, sorry for the non-stop questions!

  14. Pete, remove the .home, from the two first rules I gave you so they look like below:

    #sidebar {
    margin-left: 570px;
    }
    
    .narrowcolumn {
    padding-left: 25px;
    width: 500px;
    }

    On the older entries at top, add this:

    .navigation {
    display: none;
    }
    
    .archive .post {
    margin-top: 0;
    }

    The second bit is to get rid of the large amount of space between the archive heading and the post headings.

  15. when I entered this -
    #sidebar {
    margin-left: 570px;
    }

    .narrowcolumn {
    padding-left: 25px;
    width: 500px;
    }

    it worked for everything including Archive "July" except when I went to Categories "News" it reverted back.

    When I entered the this -
    .navigation {
    display: none;
    }

    .archive .post {
    margin-top: 0;
    }

    It removed the Older Entries at the top of each post and in Archives "July" but in Archives "July" the spacing between posts was messed up and not the same as the home page and I lost my older entries at the bottom of the page. Also when I went to Categories "News" it reverted back.

    so Categories "News" wasn't effected at all by either code.

    Also in each post I lose the sidebar is there anyway of getting that back? example - http://summoningspirits.wordpress.com/2013/07/24/new-hourvari-st-12-lp/

    Pete

  16. My mistake the first coding -
    #sidebar {
    margin-left: 570px;
    }

    .narrowcolumn {
    padding-left: 25px;
    width: 500px;
    }

    does work across the site, sorry, but the spacing and older entries problems in Archive "July" and Categories "News" I mentioned are still there.

  17. Hey

    I hate to keep nagging people but does anyone know if I can add the sidebar in each post, I seem to lose it every time in a post but it's present on the home menu?

    Example - http://summoningspirits.wordpress.com/2013/07/24/new-hourvari-st-12-lp/

    Thanks

    Pete

  18. There isn't a way to add sidebars to an individual post if the theme doesn't include them by default. CSS can be used to change the appearance of content, but it cannot add dynamic content where it didn't exist before.

Topic Closed

This topic has been closed to new replies.

About this Topic