Increase Post Block Image Size

Viewing 15 posts - 1 through 15 (of 19 total)
  • Author
    Posts
  • #30235
    Crystal HamiltonCrystal Hamilton
    Participant

    How can I increase post block image size for block style 7? Here is a photo of what it looks and how I need it to look.

    http://www.kidfitstrong.com/sample-page-1/

    Attachments:
    #30238
    Crystal HamiltonCrystal Hamilton
    Participant
    This reply has been marked as private.
    #30242
    VeenaVeena
    Moderator

    Pls try the below custom CSS –

    @media screen and (min-device-width: 768px) and (max-device-width: 1400px){
    .lae-module-6 .lae-module-thumb {
        width: 300px;
    }
    .lae-module-6 .lae-entry-details {
        margin-left: 310px;
    }
    .lae-module-6 .lae-entry-details .entry-title a {
        font-size: 18px !important;
    }
    .lae-module .entry-summary {
        font-size: 16px !important;
    }}
    

    Pls change the values according to your requirement.

    #30244
    Crystal HamiltonCrystal Hamilton
    Participant

    This CSS code did not work. Thumbnails are still the same size.

    How can I increase post block image size for block style 7?

    http://www.kidfitstrong.com/sample-page-1/

    Thanks

    Attachments:
    #30254
    VeenaVeena
    Moderator

    I have added the below modified custom CSS pls check.

    @media only screen and (min-width:1200px){
        .lae-module-6 .lae-module-thumb {
        width: 300px;
    }
    .lae-module-6 .lae-entry-details {
        margin-left: 310px;
    }
    .lae-module-6 .lae-entry-details .entry-title a {
        font-size: 18px !important;
    }
    .lae-module .entry-summary {
        font-size: 16px !important;
    }
    }
    
    #30266
    Crystal HamiltonCrystal Hamilton
    Participant

    This worked for increasing the size, however now the plugin will not allow me to change the entry title and entry summary text size.

    Also, is there CSS code to add a divider line in between each story like the photo above?

    Please advise on how to do this.

    Thanks!

    #30271
    VeenaVeena
    Moderator

    For that you have to modify the font-size value –

    .lae-module-6 .lae-entry-details .entry-title a {
        font-size: 18px !important;
    }
    .lae-module .entry-summary {
        font-size: 16px !important;
    }
    

    And for adding border us the below custom CSS –

    .lae-module-6.lae-small-thumb.lae-module {
        border-bottom: 1px solid black;
        margin-bottom: 4px;
    }
    
    #30289
    Crystal HamiltonCrystal Hamilton
    Participant

    Okay that worked. I centered the line in between each post but there is a lot of extra space above and below. How can I decrease the white space on top and bottom of line?

    Thanks

    #30291
    VeenaVeena
    Moderator

    Link to page is not working. Can you share a valid link?

    #30298
    Crystal HamiltonCrystal Hamilton
    Participant
    #30305
    VeenaVeena
    Moderator

    Atpresent you have set margin-bottom to 50px, pls change that to a smaller value.

    .lae-module-6.lae-small-thumb.lae-module {
        border-bottom: .35px solid black;
        margin-bottom: 50px;
    }
    
    #30306
    Crystal HamiltonCrystal Hamilton
    Participant

    Setting the margin to 50 was the only way to center the line. I need the divider to be centered without the extra white space. Like this….

    Attachments:
    #30324
    VeenaVeena
    Moderator

    Use the below modified custom css –

    .lae-module-6.lae-small-thumb .lae-module-thumb {
        top: 10px;
    }
    .lae-module-6.lae-small-thumb.lae-module {
        border-bottom: .35px solid black;
        margin: 30px 0 0px;
    }
    

    Instead of this –

    .lae-module-6.lae-small-thumb.lae-module {
        border-bottom: .35px solid black;
        margin-bottom: 50px;
    }
    
    #30346
    Crystal HamiltonCrystal Hamilton
    Participant

    Ok. That’s much better. The CSS has disabled my ability to change the font size on this same page.

    I need entry title in to be 26px and entry summary to be 18px.

    #30347
    Crystal HamiltonCrystal Hamilton
    Participant

    Also, is there anyway that I can add a little space in between photo and post content….

    I’ve provided a picture below.

    Attachments:
Viewing 15 posts - 1 through 15 (of 19 total)
  • The topic ‘Increase Post Block Image Size’ is closed to new replies.