Visual problem for my blog

  • Resolved blogatorul

    (@blogatorul)


    15 years, 4 months ago

    I have a blog using viewport theme ( https://labs.paulicio.us/viewport/ ). As you can see in the header there is a menu bar with pages. On my blog ive added something in the header and now my blog doesnt show that menu in IE6, IE7. I understand to have problems in IE6, but IE7 is important. With other words, when i added that new thing in the header, the toolbar menu had gone under the content panel and in IE doesn`t show. In Firefox everything is ok and it shows perfect.. My link is https://www.kiano.ro. Please help. See the diferences in firefox and ie.

Viewing 10 replies - 31 through 40 (of 40 total)

  • Is it corect?

    Yes

    Wont this efect other browsers?

    No because this sheet will only be read by IE7

    Thread Starter blogatorul

    (@blogatorul)

    It`s working. Thank you so much.

    Questions: If i want something to take action only in the posts page the <body <?php body_class(); ?>> line has to be in the same place? in the header where you told me? And in my ie stylesheet what class do i have to put? .single?

    Thread Starter blogatorul

    (@blogatorul)

    I`ve just used .single like this

    .single #mid {
    width: 100%;
    padding-bottom: 10px;
    margin-top: 53px;

    and there are no changes.

    What should i use?

    Thread Starter blogatorul

    (@blogatorul)

    i`ve tryied several things but nothing… @esmi, i see you around. Please help!

    Use the page source of one of your post pages to identify what classes you need to use.

    Thread Starter blogatorul

    (@blogatorul)

    Ive tryied. I see there this "single postid-x" ... ive tryied .single, .single post, .single postid, .single page, .page (dont laugh) ... whats next?

    It depends what you want to style. The block will start with .single but may then need other classes and/or element references (selectors) in order to correctly target the right element on your page. It also depends upon what’s already declared in your stylesheet and whether your new block is above or below the existing declarations.

    That’s why it’s called “cascading” style.

    An example of a pretty specific piece of CSS for comments might be:

    #commentlist .bypostauthor > .comment-body > .comment-author cite {padding-right:20px;}

    Move it up 50 lines in the same stylesheet/same theme and it won’t work. You have to get both the selectors and the position right.

    I`ve wanted to change the same things, but with some variables for index, and other variables for post page. Same thing as earlier.

    #mid {
    width: 100%;
    padding-bottom: 10px;
    margin-top: 53px;

    For index has to be 70 px, and for post page has to be 50 px. Only with this variables set that panel has the same position.

    Thread Starter blogatorul

    (@blogatorul)

    still me up with kiano.ro. I was logged with another username.

    Well, that`s it. Thank you all very much for your help and especially esmi. This topic is resolved for sure.

Viewing 10 replies - 31 through 40 (of 40 total)
  • The topic ‘Visual problem for my blog’ is closed to new replies.