[Support request] Different width between text and photos on a blog entry

Home Forums Support [Support request] Different width between text and photos on a blog entry

Home Forums Support Different width between text and photos on a blog entry

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

    Good morning Tom & Co,

    Now I have width text customize code and it works very well. This is the code:

    .single .inside-article
    {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
    

    But… it will be possible customize only the image width?

    For example, text width 700px and photos with 1000px. If it’s possible… we can choose the align mode?

    I attach a imatge with my idea made with Photoshop.

    Example images

    Best reggards,

    GeneratePress 2.1.4
    #728710
    David

    Ops! Link of images here

    #728743
    Leo
    Staff
    Customer Support

    Hi David,

    The best way to achieve that is actually to leave the main container width to the width of the photo you want (so like 1000px)

    Then wrap your text like this:
    <div class="narrow-container>Text Content</div>

    Then add this CSS to make it narrow:

    .narrow-container {
        max-width: 700px;
    }

    Let me know if this makes sense 🙂

    #735070
    Shaun

    That is close, but the problem is I have too many articles to code the text. I was looking for a way to automate all of the articles in one setting. I was reading that CSS can’t do this.

    #735073
    Leo
    Staff
    Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.