Increase Post Block Image Size

[Crystal Hamilton]

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/

[Crystal Hamilton]

This reply has been marked as private.

[Veena]

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.

[Crystal Hamilton]

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

[Veena]

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;
}
}

[Crystal Hamilton]

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!

[Veena]

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;
}

[Crystal Hamilton]

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

[Veena]

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

[Crystal Hamilton]

Here is the new URL http://www.kidfitstrong.com/inspire-2/

[Veena]

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;
}

[Crystal Hamilton]

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….

[Veena]

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;
}

[Crystal Hamilton]

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.

[Crystal Hamilton]

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

I’ve provided a picture below.

[Author]

Posts