-
Posts
-
Hi guys, i was wondering how to add vertical separators between posts in blog portfolio grid here is screen shot http://abolengo.com.ar/anuevo/wp-content/uploads/2014/05/Novedades-correciones2.jpg and here is the site http://abolengo.com.ar/anuevo
Also want to add my own social icons, how i do it?
thanks
Hey smorrone!
You can change the default icons used for things with this: http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/
And add in your own icons with http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/ .
If you wanted to use image based icons then I would suggest using a third party plugin instead since the theme only uses font based icons.
For the separator, you can do something like this:
.home .avia-builder-el-11:before, .home .avia-builder-el-15:before{ content: ''; height: 220px; border-left: 2px solid #B83B3B; display: block; position: absolute; left: -30px; visibility: visible; }It doesn’t have full browser support since its using :before but it will work in most modern browsers. Just make sure that you put it inside a desktop only media query (see example in the css>custom.css file of the theme files) so that it doesn’t show up on mobile/tablets unless you want it to of course.
The css is targeting those specific elements on that home page so if you move things around it would need to be changed.
Best regards,
DevinHi Devin!
The vertical separators are for the blog grid view here http://abolengo.com.ar/anuevo/?page_id=3071 not in the home, so where i have to put that code?The other thing any plugin suggested to use image as icon?
thanksHey!
Please try changing the code to following one
.page-id-3071 .slide-loop-2:before, .page-id-3071 .slide-loop-3:before{ content: ''; height: 220px; border-left: 2px solid #B83B3B; display: block; position: absolute; left: -30px; visibility: visible; }Cheers!
YigitHi Yigit that worked fine!
I have one thing more, i want the blog post title and caption to be above de image, not below, how can i acheive that?
thanksHi!
Please refer to Josue’s post here – https://kriesi.at/support/topic/move-featured-image-below-post-title-date-etc/#post-185070
Regards,
YigitHi Yigit, i followed the instructions in josue´s post. But nothing happened, nothing changes, everytinhg is still below the images http://abolengo.com.ar/anuevo/?page_id=3071
Hi,
Try adding this at the very end of your child theme functions.php file:
function add_custom_script(){ ?> <script> jQuery(window).load(function(){ jQuery('.page article.slide-entry').each(function(){ jQuery(this).find('.slide-meta').after(jQuery(this).find('.slide-image').detach()); }) }); </script> <?php } add_action('wp_footer', 'add_custom_script');Regards,
JosueFixed:
http://abolengo.com.ar/anuevo/There were some errors in the code:
http://abolengo.com.ar/anuevo/wp-admin/theme-editor.php?file=functions.php&theme=enfold-child&scrollto=0&updated=trueBest regards,
JosueAñade esto al Quick CSS:
li.social_bookmarks_abolengo.av-social-link-abolengo a { font-size: 36px; }Funciónó bien hasta que hice un cambio en una de las páginas, usando el editor nada de código y volvió a verse chico como antes…
ya está es que agregué otro ícono y les quedó cambiado el orden
Cómo los ubico como en la imagen siguiente
http://abolengo.com.ar/anuevo/wp-content/uploads/2014/06/social-icons.png
gracias
Prueba con esto:
.social_bookmarks{ margin-top: 25px; } .social_bookmarks li a:after{ content: ""; width: 1px; background: #cad2d4; height: 20px; position: absolute; right: -4px; top: 4px; } .social_bookmarks li:last-child a:after{ content: ""; background: transparent; }Éxito Josué! muchas gracias! Tengo otra consulta en relación a espacios e interlineado en texto, la coloco aquí o abro otro thread?
De nada, seria mejor en otro post y ponlo en inglés también, de esa forma todo el equipo te puede ayudar :)
- The topic ‘Vertical separators’ is closed to new replies.