-
Posts
-
Hi
I’d like change the order of the imgae and the preview content for the Blog roll. I would like to have the image 484x484px on the left and the preview content on the right. I was looking for the correct html code I just found that below. But actually diden’t worked out as I wanted. After I pased the code, it lookes like in the demo version http://kriesi.at/themedemo/?theme=enfold-overview.small-preview, #top .fullsize .template-blog .blog-meta { width: 484px; height: 484px; }
#top .fullsize .template-blog .post .entry-content-wrapper { font-size: 16px; line-height: 0 auto; margin: 0 auto; max-width: 100%; overflow: visible; text-align: justify; }@media only screen and (max-width: 1139px) {
.small-preview, #top .fullsize .template-blog .blog-meta {
width: 100px;
height: 100px;
}#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 400px;
}
}@media only screen and (max-width: 989px) {
.home .fullsize .template-blog .post .entry-content-wrapper {
width: 70%;
}
}@media only screen and (max-width: 479px) {
.home .fullsize .template-blog .post .entry-content-wrapper {
width: 100%;
}
}Hey Btina!
It sounds like your wanting to set the blog layout to single small in Dashboard > Enfold > Blog Layout and then change the image size on line 100 in the functions.php file.
$avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogsRegards,
ElliottHi Elliott
Could finde everything! Thank You!
I changed the size of the image but its not working, because I think of that: I diden’t set my Page as a Blogpage in the main settings. So I have to change settings direktly in to my page where I have my blogpage. The quetion is now if this doesen’t make any diffrents, in order of the chang in to the php file, or if I have to change that in a other protocoll?Thank you
BtinaHi!
Go ahead and send us a link to your page so we can get a better idea of what’s going on.
Regards,
ElliottHey!
Is it the Grafikerin or Autorin page? Your using the blog shortcode on both of those each with a different layout so I’m not sure what your trying to do.
Send us a link to the exact page and take a screenshot highlighting what your trying to do so we can get a better idea.
Regards,
ElliottOK…
I’d like to have on the “Grafikerin” page the image on the left side and the content on the right.
http://diefarben.com/wp-content/uploads/2015/01/Bildschirmfoto-2015-01-02-um-14.04.31.pngOn the “Autorin” Page I’d like to remove the images on that ones unter the Titel “Hier entstehen Geschichten”.
http://diefarben.com/wp-content/uploads/2015/01/Bildschirmfoto-2015-01-02-um-14.03.50.pngI hope that get an idea?
Let me know
BtinaHi!
For the Grafikerin page drag a codeblock element to your content and add this inside.
<style type = "text/css"> .template-page .big-preview { max-width: 50% !important; float: left; margin-right: 20px; } </style>For the autorin page do the same thing but use this code.
<style type = "text/css"> .slide-image { display: none !important; } </style>Regards,
ElliottOh no – was too early.. lol
On the Page “Autorin” I have two Blog’s that means for the first one I like to stay with the preview image but the second should not have a preview image… the rest is fine.Hi!
Enable the custom css class field for the advance layout builder elements. Refer to this link: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Add a custom css class on the blog posts element in which you want to remove the featured image. Use “custom-blog” for example then replace the css code above with this:
<style type = "text/css"> .custom-blog .slide-image { display: none !important; } </style>Regards,
IsmaelHi Ismael
Thank you for you’re respond1. I added on the End of functions.php this:
add_theme_support(‘avia_template_builder_custom_css’);2. I go to the element Blog on my site (where I like to make the changes)
3. Open the element Blog and on the last tap where it sayes: Custom Css Class (It’s acctually the last one) I paste in this:
<style type = “text/css”>
.custom-blog .slide-image { display: none !important; }
</style>Save it and refresh – let’s see… Some how diden’t worked – did I forget something? Something I diden’t understand about “custom-blog”? Hmm I don’t get it.
Please help :)
BtinaHey!
You need to add “custom-blog” only on the Custom CSS Class field then replace the css code above.
Regards,
IsmaelAh ok :)
For not showing preview image on a Blog (just if, somone else is looking for this answer)
1. I added on the End of functions.php this:
add_theme_support(‘avia_template_builder_custom_css’);
2. I go to my Blog paste in custom-blog on the CSS field
3. I go to the Elements grab a Code Blog paste it above my Blog Area and fill it with this code:
<style type = “text/css”>
.custom-blog .slide-image { display: none !important; }
</style>That worked
Thank you!
- The topic ‘Blog roll img on the left preview content on the right’ is closed to new replies.