[lazer]

Hey Guys I am using Catch Responsive on http://www.globegliders.ch I like the theme but i would like to change the appearance of post excerpts so that the featured image is on top and bigger instead of on the left side. Also it would be perfect if the title of the post would be on the picture, maybe with a light white background so one can read it. For this i am toying around with .excerpt-image-left but it doesn’t seem to work out. Is there maybe te possibility to do this in catch responsive pro? The i would just buy it. otherwise it would be nice to get a little heads uo ho to include featured image and post title in the same div container without killing the responsive designt of the theme…

regards
Moritz

[lazer]

ok so far i got the picture to show in full size on top of the excerpt. now i just need to put the excerpt on the picture with a light white frame for better readability.
so far i changed:

add_image_size( ‘catchresponsive-square’, 800, 800, true ); // used in Archive Left/Right Ratio 1:1
in catchresponsive-core.php
and
.excerpt-image-left .has-post-thumbnail .archive-post-wrap .featured-image {
/*display: inline;*/
float: center;
max-width: 800px; //200
width:100%;//26
}

.excerpt-image-left .has-post-thumbnail .archive-post-wrap .entry-container {
display: inline;
float: center; //right
width: 90%; /70
}
in style.css

[Sakin]

@lazer: That image on top option is there in Catch Responsive Pro theme. When you can change the Archive Content Layout to “Excerpt Image Top” from “Appearance => Customize => Theme Options => Layout Options”.

To add title in the image, you can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

.has-post-thumbnail .archive-post-wrap {
    position: relative;
}
.has-post-thumbnail .archive-post-wrap .entry-header {
    background-color: #fff;
    left: 2%;
    padding: 20px;
    position: absolute;
    top: 2%;
    width: 96%;
}

Note: You shouldn’t add/edit any core theme files inside catch-responsive directory as all your edits will be reverted back to original when you update the theme. So, we recommend you to do the customization from “Appearance => Customize”. But if you want to do advance coding changes then you need to build child theme and edit it. For child theme refer to http://catchthemes.com/blog/create-child-theme-wordpress/

[lazer]

Thank you, that already helps a lot. Yeah I know that I should not change the core files, but I didn’t know how to change the .php other than directly in the file.

Now it looks already nice. I just have to put the title in the bottom of the image and also i would like to put the excerpt on the image if there is space (on big size screens) and under the image on sall screens.

[Author]

Posts