Need help? Check out our Support site, then


Header height

  1. Not at all! Sometimes it just takes a while to get on the same page. :) And.. as they say, a picture is worth a thousand words.

  2. :]
    Almost there I guess!
    It got descentralized now hehehe...
    Is it possible to fix that or the theme doesn't allow?

  3. Yep, try this:

    .lay1 {
    	width: 640px;
    	float: none;
    	margin: 0 auto;
    }

    Note that I changed the width for ".lay1" to be smaller because you had changed the width of ".lay1 > div" to be 300px instead of 360px in my last example. When you change the width of one thing, it affects the other. After that, the float and margin properties will center the main column.

  4. Got it...
    But when I put the exact half width, the page gets just 1 post per line...
    It return to 2 posts per line just with ".lay1" with width: 700px and ".lay1 > div" with width: 300px...

    But with this configuration the page stays descentralized...

  5. Hello, I managed to fix the centering issue with this:
    .lay1 {
    width:800px;
    float:none;
    margin-left:165px;
    }

    But when I select a category the posts get wrong:
    http://danielkons1.wordpress.com/category/caricature/

    Can you help me again hehe?

  6. Also, the width of the posts pages didn't change... Is it possible to do that?
    http://danielkons1.wordpress.com/2012/04/24/upad-25/

    Thanks.

  7. But when I put the exact half width, the page gets just 1 post per line...

    That's probably because there is also padding or margins on some of the elements. Those things affect the overall width.

    Using margin-left to adjust the centering works but only if you always keep the exact same width. I usually set the margin value to "0 auto" and then adjust the container width to be just wide enough to fit the elements inside including all the margins and padding. You may just need to experiment with the widths until you get them looking how you want.

  8. I didn't think to look at the category pages before. I checked and they have a slightly different HTML structure, and so the CSS I used before for the home page didn't work on category pages. I didn't expect that. Also, individual posts have their width set in Triton Lite using several completely different selectors. Let's start again.

    Try replacing all of the CSS you currently have with this:

    #header-image {
        background:url('http://danielkons1.files.wordpress.com/2012/04/header-transparente21.png') repeat-x;
    	height:130px;
    }
    .lay1 {
        width: 660px;
    }
    .container,
    #logo,
    .one-column #posts,
    .page-template-page-no-sidebar-php #posts,
    .attachment #posts,
    .one-column .single-page-post .post-wrap,
    .page-template-page-no-sidebar-php .post-wrap,
    .attachment .post-wrap,
    .one-column #posts .post-content,
    .page-template-page-no-sidebar-php #posts .post-content,
    .attachment #posts .post-content,
    #slider-wrapper {
        width: 630px;
    }
    #footer .container {
        width: 960px;
    }

    I didn't check all types of pages, but I checked the home page, a category page, a post, and a page.

    To find which selectors to update, I looked at the original Triton Lite stylesheet and searched for everything which had a width of 990px or 960px, and then I made a new rule to set all of those things to a width of 630px instead (except the footer container which should still be wide).

    You may still find areas that don't have the right width, but I think this should cover most of them. Also, note that galleries have a whole completely separate set of widths in Triton Lite. If you decide to use galleries, you may need to add additional CSS rules to replace the gallery-related ones in the "=Images" section in the original Triton Lite stylesheet.

  9. Wow, you're awesome! That should have been hard to find out hehe...
    I feel a bit awkward to keep asking you things, but I was wondering if the posts width could be not so narrow as the home page and categories... I guess now it decreases too much, it would be better something just a bit smaller, like 900px...
    Forget that if I'm being too annoying, the blog is already great!
    Thanks!

  10. The post width is currently set to 630px using this rule in your Appearance → Custom Design → CSS page:

    .container,
    #logo,
    .one-column #posts,
    .page-template-page-no-sidebar-php #posts,
    .attachment #posts,
    .one-column .single-page-post .post-wrap,
    .page-template-page-no-sidebar-php .post-wrap,
    .attachment .post-wrap,
    .one-column #posts .post-content,
    .page-template-page-no-sidebar-php #posts .post-content,
    .attachment #posts .post-content,
    #slider-wrapper {
        width: 630px;
    }

    The trouble with making the width smaller for that whole block is that the content for the home page and archive pages wouldn't fit without adjusting the margins between the images too, and making those margins smaller probably wouldn't look good either. So, what I think you would want to do would be to adjust the width for posts and pages from 630px to 540px but leave the rest. Here is a start, but note that you will need to check various types of pages yourself to make sure the widths all work and still look okay.

    Try replacing the block shown above with this one instead:

    .container,
    .one-column #posts,
    .page-template-page-no-sidebar-php #posts,
    .attachment #posts,
    .one-column .single-page-post .post-wrap,
    .page-template-page-no-sidebar-php .post-wrap,
    .attachment .post-wrap,
    .one-column #posts .post-content,
    .page-template-page-no-sidebar-php #posts .post-content,
    .attachment #posts .post-content {
    	width:540px;
    }
    
    .home .container,
    .archive .container,
    #logo,
    #slider-wrapper {
    	width: 630px;
    }

    If you want to experiment changing more of those widths, may I recommend trying out Firebug for Firefox? It will allow you to make adjustments to the CSS temporarily to test out different things right in the browser.

  11. That's it! Got perfect now!
    I want to thank you very much! You were incredible and very helpful, even with some annoying questions hehehe...
    I really appreciated your effort!
    Regards :]

  12. Last thing, I swear hehe... Is there a way to put the titles above the featured images on the home page?

    Thanks.

  13. Is there a way to put the titles above the featured images on the home page?

    Try this:

    .lay1 > div .postitle {
    	position: absolute;
    	top: 0;
    	width: 100%;
    	margin: 0;
    	padding: 0;
    }
    .lay1 > div {
    	padding-top: 25px;
    }
  14. Thanks again!

  15. Cheers :)

  16. I gues my word isn't very reliable, I do have more things to ask you hehe...

    This bar here: http://danielkons1.files.wordpress.com/2012/05/untitled-11.jpg
    isn't appearing above the last post of all pages... Is there a way to fix that?

    Also, if you could help me changing the color of these bars, I'd appreciate a lot.

    And the post "Zeca Diabo e Odorico Paraguaçu" title got desiligned...

    Thanks!

  17. I've tried a few times to see why the bar is missing for the 2nd to last image in some columns on http://danielkons1.wordpress.com/ but I haven't been able to figure it out so far. Would it be possible for you ty try a test? Could you try removing all CSS from the Appearance → Custom Design → CSS page, save changes, and check to see if the problem still happens? If it does, it's probably a theme code issue; if it doesn't, it's probably an issue with your Custom CSS. Once you're done with the test your can revert back one step in the CSS revisions on the Appearance → Custom Design → CSS page.

    The post "Zeca Diabo e Odorico Paraguaçu" title is not misaligned. It's an effect of moving the post titles up. When you made that change, you had to set the height for the titles manually, and it must be the same for each post. With that modification (moving titles to the top), you have to either use the small titles that fit on one line or adjust the space for all the titles to always allow space for two lines.

  18. Hi, I made some tests and the bars retuns appearing above the last post just when I take out the following CSS:

    .lay1 {
    width:900px;
    margin-left:80px;
    }

    .lay1 > div {
    width:350px;
    }

    .lay1 > div .postitle {
    position:absolute;
    top:0;
    width:100%;
    margin:0;
    padding:0;
    }

    .lay1 > div {
    padding-top:30px;
    }

    If I don't take out all of them it does't get back to normal....

  19. And thanks for the title help! I got it now...

  20. If it's possible to change the color of the bars at least...

    Thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic