Need help? Check out our Support site, then


CSS for moving Tagline, Tag Date, Categories, Tags, Leave a Comment, Edit

  1. Hi,

    I recently purchased a Custom Design upgrade for my Minimalizine Theme blog, mainly so that I could widen the space available for my main body of text.

    I was kindly given the following CSS to enter, which I have and also understand how it works.

    entry-content, .entry-summary, .entry-header, .page-header, .commentlist, #attachment-nav, .attachment-more { float: right; width: 520px; }

    I now need to be able to:

    1) Move the Tagline to under my header

    2) Move the Date, Categories, Tags, Leave a Comment and Edit boxes to the bottom of each of my posts so that I can widen the main body without it affecting these, which are currently on the left-hand side of my posts.

    Can somebody give me a starter on the CSS code I would need to add to do this? I'm sure that I'll be able to work out which parts to adjust to suit my needs if someone could just give me the basic outline.

    Many thanks in advance.

    Regards

    The blog I need help with is excelxor.com.

  2. This should move the tagline:

    .site-description{
        width: 100% !important;
        background: none !important;
        margin-left: 200px;
    }

    I'm not sure how to move those elements to the bottom, but this puts them above your title which might also work for your purposes:

    .entry-meta{
        width: 100% !important;
    }

    The "background" line in the first piece of code removes the grey line. If you want it back, just remove that piece of code. I also moved the tagline inline with the title, but if you are moving everything to full width, you will probably want to remove that line too.

    Let me know if this works as you were hoping!

    The "background" line removes the

  3. That's great! Thanks a lot!

    Could I ask you one more question, please? What is the CSS to refer to the "Home" Button link? I'd like to play about with moving that as well.

    If you'd prefer if I start a new thread for this I understand.

    Many thanks again.

    Regards

  4. I'm happy to continue to help you here, no need for a new thread. If you end up waiting several days to a week between questions, that's when it's usually better to start a new thread, just because it's easy to miss new message on old threads.

    As for your "home button", the selector depends on what you want to change. While it absolutely looks like a button, you actually have a menu bar with only one item in it.

    if you want to move the whole menu bar, you'd use ".main-navigation" as the selector (the first part of the css code). if you wanted to change just the "button"--say the color, you'd use ".main-navigation a".

    If you add additional menu items you would also use slightly different selectors to get hover effects, or to have the button for the page you are on look different than the other pages.

    Does that help? I'm also more than happy to continue to provide code snippets for specific changes you want to make so you can get more experience seeing how they work.

    Good luck!

  5. Thanks again.

    I actually decided to set up a new Menu and simply remove any links to "Home", etc., in the hope that readers will realise they can click on the main Site Title to achieve that.

    However, I will certainly bear this advice in mind for future, so thanks again.

    Re the provision of code snippets I'm very grateful: the more I receive the more I can hopefully try to cobble together some assemblance of understanding the CSS syntax!

    Regards

  6. In future you'll want to make these posts in the CSS forum rather than the Support forum.

  7. Ah, ok.

    Apologies and thanks for letting me know. Will do.

    Regards

Topic Closed

This topic has been closed to new replies.

About this Topic