Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #193352

    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

    #193378

    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

    #193383

    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”?

    #193396

    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

    #193403

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

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Set width for’ is closed to new replies.