Modifying css or php doesn't change anything

[Proton]

Hi everyone !

I’m trying to modifify the CSS and the PHP of the little label which is displayed on each products of the page.

dgwork.css

.dgwork-product-grid .type-download .freeLabel{
	width:65px;
	height:65px;
	position: absolute;
	top:-10px;
	right:-10px;
	z-index: 10;
	text-align: center;
	line-height: 50px;
	background:#ba3e3e;
	color:#fff;
	border-radius: 200px;
}

content-downloads.php

if($price==0){
	if($hide_free<>1){
		  echo '<div class="freeLabel">'.esc_attr__('Gratuit !','dgwork').'</div>';
	}
	$button_text =esc_attr__('Download','dgwork');
}

I have modified just few things like the width, the color and the text but it doesn’t do anything and i don’t understant why.

Thank you in advance for your help

Regards,

[FocuxTheme Support]

Hi

These codes are only for the product category page. If you want to change the label of the products grid on the homepage, you should use the following CSS selector:

.tmvs-grid .post .freeLabel{
    width: 50px;
    height: 50px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 10;
    text-align: center;
    line-height: 50px;
    background: #3ebab2;
    color: #fff;
    border-radius: 200px;
} 

By the way, I suggest you customize the theme based on the child theme. Do not modify the parent theme files.

For changing the text, I recommend you use Loco translation plugin.

Thanks

[Proton]

Thank you for your response but finally i used Loco Translation and i translated the “Free!” text but it doesn’t do anything. It’s still written “Free!” on the products grid and modifying CSS as you said doesn’t change anything too.

I will add few more questions here :

First, the images on a product page in the little slideshow don’t fit the frame and when i click on the preview zoom it says the page cannot be found.

Second, the buttons register, purchase history, discounts and edit profile bring me to the home page and i don’t know why.

Regards,

[Proton]

I need an answer please

[FocuxTheme Support]

I’m so sorry for the delay!

For the free label, if you want to change the free label which is generated by page builder, you should use the following CSS and find “Free” string in ThemeVan Shortcodes plugin with Loco plugin.

.tmvs-grid .post .freeLabel{
    width: 50px;
    height: 50px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 10;
    text-align: center;
    line-height: 50px;
    background: #3ebab2;
    color: #fff;
    border-radius: 200px;
} 

But if the free label on the product category page, you should use this CSS:

.dgwork-product-grid .type-download .freeLabel {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 10;
    text-align: center;
    line-height: 50px;
    background: #3ebab2;
    color: #fff;
    border-radius: 200px;
}

[FocuxTheme Support]

For the product image, can I check your website?

For the last issue, please go to Appearance > Theme options > Shop page, you will find “Select Account page” and “Select checkout page”, just choose the correct page for these two options.

Thanks

[Proton]

This reply has been marked as private.

[Proton]

And i selected the right page in theme option but i can’t access to Edit Profile or Discount… even the resgister is still not working

Thanks in advance

[FocuxTheme Support]

Sorry for these issues, could you post the temporary WP login details via private reply, I will check all settings and fix the issue soon.

Thanks

[Author]

Posts