Adjustments to the blog layouts

Hi Basilis,

I thought something similar to what was proposed in this ticket here could have helped:
https://kriesi.at/support/topic/blog-style-layout-with-big-preview-pic/

Thanks
Lyse

Hi Yigit,

I updated my blog style to be Elegant instead of the default, switched to Single Author Big Preview, and looked at an existing post that already uses a featured image.

Here’s what I see: http://www.herbalhealinginc.com/blog/page/2

Doesn’t quite look like what my client wants, but close. How to be the featured image on the blog list page to have a different size?

Thanks
Lyse

Hi Yigit,

I changed the blog page layout to use “no sidebar”, however it still displays the sidebar. I’m thinking this is only for the list of blogs, not each single blog page where I would like sidebars. Then I tried to be page ID specific but it did not do it either. See the CSS I added here:
.page-id 731 .sidebar {
display: none;
}

Thanks
Lyse

Hi Yigit,

Sure, see below.

I’m also trying to put the post meta info up higher and remove the vertical delimiter with the following code:
.post-meta-infos {
display: block;
font-size: 0.9em;
position: relative;
top: -330px;
}
.html_elegant-blog .av-vertical-delimiter {
display:none!important;
}

Thanks
Lyse

HI John,

That did not work.

Lyse

Hi Yigit,

I have reseted the password and added it again below. Please try again.

Thanks,
Lyse

Hi Yigit,

I like it!!!!

I added the following to center the text:
.page-id-731 p {
text-align:center;
}

Can I go ahead and removed the following CSS code from my custom stylesheet in my child theme:

.html_elegant-blog #top .big-preview {
width: 50%;
float: left;
margin-right: 50px;
}
.blog .entry-content {
width: 42%;
float: left;
}
page-id-731 .big-preview.single-big img {
height: 350px;
min-height: 350px;
max-height: 350px;
}
page-id-731 .blog .entry-content p {
text-align: center;
}
page-id-731 .post-meta-infos {
display: block;
font-size: 0.9em;
position: relative;
top: -330px;
}
page-id-731 .html_elegant-blog #top .post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .slide-meta {
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-style: solid;
border-top-width: 1px;
clear: both;
display: block;
float: left;
margin-top: -225px!important;
padding: 2px 0!important;
text-align: center;
width: 100%;
}
.html_elegant-blog .av-vertical-delimiter {
display:none!important;
}
.page-id-731 .blog .sidebar_right {
display: none !important;
}
.page-id-731 .blog .av-content-small.units {
width: 106% !important;
}

I’m only left with the image resizing but would rather find a solution without having to add another plugin.

Thanks
Lyse

Hi Yiigit

I installed the plugin and change the size to 350px by 350px. The image comes out as 800px by 800px. Why is that?

Thanks
Lyse