How to modify category arhive layout?

Hello,

I find the category archive layout far too big (see Blog menu on the demo site), and would like to modify it. Now I know how to set the featured image much smaller, however I don't know how to position the leading text right next to the image (see picture linked)

http://kepfeltoltes.hu/121212/Capture_www.kepfeltoltes.hu_.png

Can you please help me how to align the text on the right? Which css needs to be modified and where?

Thanks

Hi,

Did you added float: left to the container containing the floated image? You should also remove the 100% if exists for this container.

I've now analyzed your code and you should do the following changes:

- for the figure.featured-image element please add:

Code: Select all

    float: left;
    width: 50%!important;


- for the figure.featured-image img please add:

Code: Select all

max-width: 90%!important;


Hi,

Did you added float: left to the container containing the floated image? You should also remove the 100% if exists for this container.

Yes, I did, however, there is no space between the image and the text. How can I add some pixels of space?

http://kepfeltoltes.hu/121212/361004311Capture_www.kepfeltoltes.hu_.png

Please use tips from my last post Becuase earlier I wasn't saw your page.

Please use tips from my last post Becuase earlier I wasn't saw your page.

Thanks, it seems OK now.

Hello,

Thanks for all the help so far.

I would like to decrease the distance between articles in the category archive view (see yellow mark in the image)

http://kepfeltoltes.hu/121213/Capture_w ... es.hu_.png

I tried to find the correct parameter with Firebug for more than half an hour, but couldn't.

Can you please help? Thanks.

in the template.css file around line 249. you will find the following selector:

Code: Select all

.tag-page article, .category-page article, .search-page article


it contains the following margin property:

Code: Select all

margin: 20px 0 60px 0;


It works, thanks.