- This topic has 15 replies, 2 voices, and was last updated 3 years, 9 months ago by Leo.
-
AuthorPosts
-
June 12, 2020 at 6:16 pm #1325737Pedro
Hola! Estoy usando WP Show Post para crear un widget de artículos destacados.
Sin embargo, no sé por que razón el título de cada artículo aparece en negrita, cuando he especificado que es “p”
Además, hay mucho espacio entre cada título.
Me gustaría que se viera como Woorkup: https://mega.nz/file/X0lnVa6T#vu0IEZq0CLzuUG53JsaEoEimgvwyHlMlLtmRuR1E5oQ
¿Pueden ayudarme con esto?
¡Gracias!
June 12, 2020 at 9:52 pm #1325846LeoStaffCustomer SupportHi there,
I believe you have this CSS added:
.wp-show-posts-entry-title { font-weight: 600; }
June 13, 2020 at 7:58 am #1326429PedroHola Leo! Ese CSS lo agregué hace poco para la sección de artículos relacionados.
Sin embargo el problema del espaciado y grosor de la sección de artículos destacados ya lo tenía hace tiempo (antes de añadir el CSS)
¿Puedes ayudarme por favor?
June 13, 2020 at 9:36 am #1326553LeoStaffCustomer SupportCan you remove that CSS and let me have a look?
June 13, 2020 at 10:04 am #1326603PedroHola Leo! Ya he eliminado ese CSS.
June 13, 2020 at 11:22 am #1326656LeoStaffCustomer SupportAnd the issue is fixed?
https://www.screencast.com/t/qCCyPKj1lZJune 13, 2020 at 11:51 am #1326676PedroHola Leo! Efectivamente el texto del widget ahora ya no aparece con negrita, pero sigue teniendo mucho espacio entre cada título.
Además, se pierde la personalización que había hecho en la zona de artículos relacionados.
June 13, 2020 at 2:27 pm #1326761LeoStaffCustomer SupportTry this CSS for the margin:
.sidebar .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) { margin-bottom: 0.5em; }
You will need to target the WPSP list in the related article you’ve added separately.
June 14, 2020 at 7:52 am #1327499PedroHola Leo! El código arregló el problema del espaciado.
Sin embargo perdí la personalización que había hecho para los títulos de los artículos relacionados al final de la entrada.
Quisiera que estos títulos tuvieran un grosor de 700.
¿Podrías ayudarme con esto?
June 14, 2020 at 8:54 am #1327557LeoStaffCustomer SupportThere is no unique class in the related post WPSP list for me to target.
Can you add class to the related post section?
Then you can just target that class with the previous CSS.
June 14, 2020 at 9:19 am #1327575PedroHola Leo! El hook que estoy usando fue el que tomé del sitio:
<h2>Te puede interesar...</h2> <?php if ( is_single() ) { $cats = get_the_category(); $cat = $cats[0]; } else { $cat = get_category( get_query_var( 'cat' ) ); } $cat_slug = $cat->slug; $list = get_page_by_title( 'articulos-relacionados', 'OBJECT', 'wp_show_posts' ); wpsp_display( $list->ID, 'tax_term="' . $cat_slug . '"' ); ?>
¿Podrías ayudarme a añadirle ese estilo CSS?
June 14, 2020 at 12:30 pm #1327709LeoStaffCustomer SupportCan you change the code to this instead?
<div class="wpsp-related"> <h2>Te puede interesar...</h2> <?php if ( is_single() ) { $cats = get_the_category(); $cat = $cats[0]; } else { $cat = get_category( get_query_var( 'cat' ) ); } $cat_slug = $cat->slug; $list = get_page_by_title( 'articulos-relacionados', 'OBJECT', 'wp_show_posts' ); wpsp_display( $list->ID, 'tax_term="' . $cat_slug . '"' ); ?> </div>
June 15, 2020 at 10:26 am #1328934PedroHola Leo! Ya he modificado el hook.
Ahora podrías contarme que CSS debería usar para la personalización?
Quiero que tenga font-weight: 600 y text-decoration: underline (a:hover).
¡Muchas gracias!
June 15, 2020 at 10:28 am #1328937LeoStaffCustomer SupportNow you just have to make your previous CSS more specific like this:
.wpsp-related .wp-show-posts-entry-title { font-weight: 600; }
June 15, 2020 at 10:42 am #1328956PedroHola Leo! Funcionó perfecto, muchas gracias!
Una última cosa, que CSS podría usar para añadirle un margen superior a esa sección?
Es que está demasiado cerca a la sección de compartir.
-
AuthorPosts
- You must be logged in to reply to this topic.