Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 26, 2013 at 10:56 am #193352
    agarkitekter

    Hi!

    Im using the ajax preview and have moved up the “.portfolio-preview-content” to be in line with the preview image. The problem I have is when I have a long portfolio title, it collides with the switch portfolio arrows. When I inspect the title, it says that “header.entry-content-header” is 343px x 21px. Can I reduce that width?

    Regards,
    Tomas

    November 26, 2013 at 12:35 pm #193378
    Ismael

    Hi agarkitekter!

    Can you please give us a link to the website? We need to inspect it to give you a proper css solution. You can try this:

    .portfolio-preview-content .entry-content-header {
width: 200px;
}

    Cheers!
    Ismael

    November 26, 2013 at 12:45 pm #193383
    agarkitekter

    That worked perfectly, thanks for a really quick response!

    Im learning the more advanced CSS more and more, I have before only worked with simple div:s. So just for my learning, if I’d write only this:

    .entry-content-header {
    width: 200px;
    }

    Then it wouldn’t have worked? Is your code saying: “In portfolio-preview-content, change the width for entry-content header”? Or is it saying “Change the width for both for portfolio-preview-content and entry-content header”?

    November 26, 2013 at 1:08 pm #193396
    Ismael

    Hey!

    It would have affected the post layout and other elements header because the selector “.entry-content-header” are being use on a lot of elements within the theme if I am not mistaken. Yes,that is exactly what it says “In portfolio-preview-content, change the width for entry-content header”. :)

    Best regards,
    Ismael

    November 26, 2013 at 1:20 pm #193403
    agarkitekter

    Okey great, thanks for the info! Learning by doing (and getting some help on the way).. :)

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Set width for’ is closed to new replies.