Hector

Hi leo,

That’s right, I’ll open a support topic in the premium forum.
In a while I’m out there

Hello,

I finally found the solution.

There are two options:

– Give an internal spacing to the text block:

.summary.entry-summary {
    padding-left: 1rem;
}

– Shrink the image by decreasing the maximum width:

.woocommerce img, .woocommerce-page img {
    max-width: 90%;
}

You can add any code you prefer to the theme’s custom CSS. In my case I have added it to the Child Theme. ??

Hi,

That’s weird, on my computer it looks really good.

I mean the space between the images and the title (Botinero Estándar)

Hi,

I would like to implement it under the Add to Cart button or in woocommerce_product_meta_end

I’ll see what I can do, I already sent a message to the add-on support but still no response.

I will try to find a solution on my own.

Thank you! ??

Hi,

I come back with another little problem.

I hid the WooCoomerce tabs with the following code:

// Remove all tabs from WooCommerce
add_filter( 'woocommerce_product_tabs', 'ayudawp_woo_remove_product_tabs', 98 );

function ayudawp_woo_remove_product_tabs( $tabs ) {

    unset( $tabs['reviews'] ); 			// quita la pesta?a valoraciones
    unset( $tabs['additional_information'] );  	// quita la pesta?a información adicional

    return $tabs;

}

To be able to add new tabs easily I installed a plugin called TabWoo – Extra Tabs Plugin for WooCommerce

Now the tabs I hid are shown but without the information

Conclusion: I would like those tabs (reviews and additional information) not to be seen.

Web Site with problem: https://highmove.kreathors.com/producto/remera-algodon/

This occurs because you’re adding padding to an element that has set width, which increases its overall size.

I included box-sizing: border-box; in the CSS and the problem was solved.

Code implemented:

.woocommerce div.product .woocommerce-tabs .panel.wc-tab {
    box-sizing: border-box;
}

Hi,

I have included box-sizing: border-box; in the CSS and the problem has been solved.

Thank you very much David.

Hi,

I have already solved it in my localhost installation.
I had to configure the plugin as recommended by the people at Yithemes

Thank you very much

Hi,

The style, if I’m not mistaken, is controlled by the “TabWoo – Extra Tabs Plugin for WooCommerce” plugin. I’ve already contacted them, but while waiting for the answer I decided to ask around to see if they could help me.

The code I used is:

/* Estilos de Tabs Movil */
.woocommerce div.product .tw-main-outer-wrapper.tw-tab-template-template10 .woocommerce-tabs .panel.wc-tab {
    background-color: #eff0f2;
}
.woocommerce div.product .tw-main-outer-wrapper .woocommerce-tabs .panel.wc-tab {
    padding: 20px !important;
}

@media screen and (max-width: 768px)
.woocommerce div.product .tw-accordion_enabled .woocommerce-tabs .panel {
    margin-bottom: 0;
}
media="(max-width: 768px)"
.woocommerce div.product .woocommerce-tabs .panel {
    margin-top: 0 !important;
}

media="(max-width: 768px)"
.woocommerce div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs ul.tabs {
    float: none;
    width: 90px !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
    margin: 0 0 2em;
    padding: 0;
}

I will continue to look for the solution to this problem. If I find it, I will share it.

Hi,

I have just uploaded the changes in the Shop (Tienda) with the plugin installed. You can see that when you select one of the options under “Stock/On sale” the products get messed up, it looks like a css problem but I’m not quite sure.

I’ll keep looking at the code to try to solve it.

Hi,

I’m working at localhost but I uploaded a copy at highmove.kreathors.com

Perfect!

The problem was that I was not placing “fonts” in the location.

At first I only used ginora_sans_light_oblique-webfont.woff2 but it didn’t work.

I then used the absolute URL https://yourURL.com/wp-content/themes/generatepress_child/fonts/ginora_sans_semi_bold_oblique-webfont.woff2 but for some reason I don’t take it.

And now I just used fonts/ginora_sans_light_oblique-webfont.woff2 worked perfectly.

Thank you very much @ejcabquina @diggeddy and @edge22 for taking the time to give me a solution.

Hi David,

I have already tried this, but the problem remains.

It must be something I’m doing wrong because I can’t think of anything. I keep inspecting the code.

I leave the steps I followed to install the font:

I upload the “fonts” folder in https://yourURL.com/wp-content\themes\generatepress_child

The files in the fonts folder are as follows:

ginora_sans_bold_oblique-webfont.woff
ginora_sans_bold_oblique-webfont.woff2

ginora_sans_bold-webfont.woff
ginora_sans_bold-webfont.woff2

ginora_sans_light_oblique-webfont.woff
ginora_sans_light_oblique-webfont.woff2

ginora_sans_light-webfont.woff
ginora_sans_light-webfont.woff2

ginora_sans_oblique-webfont.woff
ginora_sans_oblique-webfont.woff2

ginora_sans_regular-webfont.woff
ginora_sans_regular-webfont.woff2

ginora_sans_semi_bold_oblique-webfont.woff
ginora_sans_semi_bold_oblique-webfont.woff2

ginora_sans_semi_bold-webfont.woff
ginora_sans_semi_bold-webfont.woff2

I add CSS in the child theme style file: (also try with absolute URL)

@font-face {
    font-family: 'ginora_sanssemi_bold_oblique';
    src: url('ginora_sans_semi_bold_oblique-webfont.woff2') format('woff2'),
         url('ginora_sans_semi_bold_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ginora_sanslight_oblique';
    src: url('ginora_sans_light_oblique-webfont.woff2') format('woff2'),
         url('ginora_sans_light_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ginora_sansbold_oblique';
    src: url('ginora_sans_bold_oblique-webfont.woff2') format('woff2'),
         url('ginora_sans_bold_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

 
@font-face {
    font-family: 'ginora_sanslight';
    src: url('ginora_sans_light-webfont.woff2') format('woff2'),
         url('ginora_sans_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ginora_sanssemi_bold';
    src: url('\wp-content\themes\generatepress_child\fonts\ginora_sans_semi_bold-webfont.woff2') format('woff2'),
         url('\wp-content\themes\generatepress_child\fonts\ginora_sans_semi_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ginora_sansbold';
    src: url('ginora_sans_bold-webfont.woff2') format('woff2'),
         url('ginora_sans_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ginora_sansregular';
    src: url('ginora_sans_regular-webfont.woff2') format('woff2'),
         url('ginora_sans_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ginora_sansoblique';
    src: url('ginora_sans_oblique-webfont.woff2') format('woff2'),
         url('ginora_sans_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

If I’m not mistaken, that’s it. But it still doesn’t take the source.

I apologize for my English which is not good.

• This reply was modified 4 years, 1 month ago by Hector.

To that address you would have to add “fonts” (which is the folder where all the Ginora Sans fonts are located):

https://yourURL.com/wp-content/themes/generatepress_child/ginora_sans_semi_bold_oblique-webfont.woff2