Easyblog video layout problem

2015-01-12_easyblog-columns2.jpg

I'm using the easyblog front page layout but the two columns of entries are nowhere equal in width.

I have a video in one of the blog entries that pushes the right column much wider, but even if I unpublish the video, the sizes still are nowhere near equal.

Originally the video was set as 400 x 225 in both Easyblog/Media/ General/Video settings and Easyblog/Media/ Media Settings.
To fit in two columns, I changed the settings from 400 x 225 to 350 x 175 which should fit without distorting the column width. But it doesn't.

What I would like is a smaller video size in the two column easyblog front page layout to allow the two columns to be close to equal in width but allow a larger video size within the article itself. Is this possible and how do you do it?

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Ok, will send private message with url details.

Since I posted this, I've found out part of the answer about a larger video size from stackideas who say, "I'm sorry but it is not possible to have different size because the video use same setting regardless you are in full article or blog listing."

But I still would like to know about the different blog column widths of easyblog layout and how to make them more even in size.
One possibility would be to go to a single column layout but the gavick theme doesn't offer that for frontpage layout. Maybe there is an override for that?

Stackideas has suggested this possibility:"I believe the layout is came from the template itself which you can access the template override file in ../cw/templates/gk_news2/html/com_easyblog/. If you want Easyblog to not use Gavick template at all, you can temporary rename the folder to com_easyblog_bc."

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#ezblog-posts .itemsRow .blog-post {
    box-sizing: padding-box;
    -moz-box-sizing: padding-box;
    clear: none;
    display: block;
    float: left;
    margin-left: -1px;
    margin-bottom: 0 !important;
    width: 50%;
}

#ezblog-posts .itemsRow .blog-post:first-child {
    margin-left: 0;
}


Thank you -that worked fine!

Hi

Great to hear that. Glad I could help