Hello,
I reopen this ticket because I have installed Query Monitor plugin just to give a check, and in the section Php errors is highlighting that the code kindly suggested by rmf339 in https://kriesi.at/support/topic/product-slider-font-size-changed-from-h3-to-h2/#post-782550
in the line
function action_woocommerce_shop_loop_item_title( $woocommerce_template_loop_product_title, $int ) {
is giving error in
Missing argument 2 for action_woocommerce_shop_loop_item_title(), called in /wp-includes/class-wp-hook.php on line 286 and defined

How should be fixed?

Thank you
Mauro

I see that column 2,3,4,5 has changed, but not column 1 ? Houw can i change that font size text?
Can I also change the fontsize of the headers?

Hi Victoria,
Many thanks for the reply. So that I don’t mess things up, could you let me know where I should put that code please? I currently have the following in my quick SCC:
.
author_bio_section{
background: none repeat scroll 0 0 #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}

.author_name{
font-size:16px;
font-weight: bold;
}

.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}

Thanks!

THESE ARE ALL THE CODES IN THE QUICK CSS

#top .price span{
font-size:18px!important;
}

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}

.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}

#header_main_alternate .container:after {display: none !important;}

#footer {
border-top: 2px dashed #000 !important;
}

.single-product.woocommerce-page .product .woocommerce-tabs #tab-description h2 {
display: none;
}

#after_masonry {
border: none!important;
}

.archive aside.sidebar{
display:none!important;
}

.container .av-content-small.units{
width:100%!important;
border-right:none!important;
}

.single.single-product div .product .product_meta .posted_in a,
.single.single-product div .product a.add_to_wishlist.button.alt {
text-decoration: none;
}

.single-product .woocommerce-loop-product__title, .single-product .price {
text-decoration:none !important;
}

.single.single-product div .product a {
text-decoration: underline;
}

.single.single-product div .product a {
text-decoration: none !important;
}

Thanks it works.

At this Blog-Post it looks good with the Post-Image and the Post-Title: Link 1

And at this Blog-Post it is without these elements: Link 2

My Custom CSS at the moment looks like this:

.sub-menu .avia-menu-text {
font-size: 14px;
}

#top #wrap_all .av-social-link-instagram:hover a {
    color: #fff;
    background-color: #e30615;
}

#top #wrap_all .av-social-link-facebook:hover a {
    color: #fff;
    background-color: #e30615;
}

#top #wrap_all .av-social-link-mail:hover a {
    color: #fff;
    background-color: #e30615;
}

.avia_transform .av_slideshow_full .active-slide h2.avia-caption-title {
    text-shadow: 3px 3px 2px #000;
}

Thanks in Advance

• This reply was modified 7 years, 5 months ago by social_natives.

Dear Rikard,
Thank You for the reply.
This is the CSS i am using right now:
////////////////////////////////////////////////////////
.av-masonry-entry:before {
content: attr(title);
background: #0D47A1;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 95%;
height: 40%;
z-index: 1000;
text-align: center;
line-height: 180px;
opacity: 0;
font-weight: bold;
font-size: 24px;
}
.av-masonry-entry:hover:before {
opacity: 1.0;
}
.av-masonry-entry:before{
transition: all linear 0.2s;
}
/////////////////////////////////////////////////
In the Gdrive (link in private) I uploaded the screen shots of what I have now, and how I want it to be.

What is want:
1. The height of Masonry to be higher
2. The white frame that is under each of the columns as a Caption.
3. The hover action, which actives description text to be displayed and also the solid blue cover.
3.1 as you can see in my CSS code (width: 95%;), and the result in the screen shot, the hover solid color in my website is a bit outside of the frame of the Masonry Border. How can the solid blue cover be the same width as the Masonry.

sorry for the long explanation.

Kind Regards,
GSharifi

Hi Rikard,
Thank you for the reply.. I have tried also and get the same result. :(

View post on imgur.com

[av_button label='Construction Equipment' link='construction-equipment/' link_target='' size='large' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='red' custom_bg='#e20c10' custom_font='#ffffff'][av_button label='Corrosion Prevention' link='corrosion-prevention/' link_target='' size='large' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='red' custom_bg='#e20c10' custom_font='#ffffff'][av_button label='Maintenance Equipment' link='maintenance-equipment/' link_target='' size='large' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='red' custom_bg='#e20c10' custom_font='#ffffff']

I do not see any change even after I increase the font-size to 14 or 30