Images in footer too small - Support | Kriesi.at

Viewing 30 posts - 1 through 30 (of 34 total)

1 2 →

Author

Posts
July 24, 2014 at 3:28 pm #295451

profumopuntoit
Participant

We have put two widget in the footer. One with blog posts and one with the product in offer. We would like to display a bit bigger images

I see for the product in offer

img width=”120″ height=”120″
attachment-shop_thumbnail wp-post-image

and for the blog posts

img width=”36″ height=”36″
attachment-widget wp-post-image

Almoust all our products have variations and the two full prices and the two discounted prices wrap to a new line. It would be better to have full prices in one line and discounted prices on another. Is it possible?

Thank you Mauro

July 24, 2014 at 5:39 pm #295525
Yigit
Keymaster
Hey profumopuntoit!

Please go to Appearance > Editor and open Functions.php file and find
```
$avia_config['imgSize']['widget'] 			 	= array('width'=>36, 'height'=>36);	
```
and change the values then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
then add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
```
.news-thumb img, .news-thumb img { width: 28px; height: 28px; }
.news-thumb { height: 36px; width: 36px; }
```
These are default values. You should change them according to sizes you set in functions.php file

Regards,
Yigit
July 25, 2014 at 3:07 pm #295977
profumopuntoit
Participant
Thank you very much.
I did it with
$avia_config[‘imgSize’][‘widget’] = array(‘width’=>50, ‘height’=>50);
and
.news-thumb img, .news-thumb img { width: 50px; height: 50px; }
.news-thumb { height: 50px; width: 50px; }

and after images regeneration, it does not looks right

Please see http://www.profumo.it/cattura.jpg
I get this code
```
###########################################
				Pheromone pour Homme	
		£65.00–£212.00 <ins>£65.00–£195.00</ins>
	
				Ambergris	
		£81.00–£300.00 <ins>£81.00–£260.00</ins>

	
				Pheromone pour femme	
		£65.00–£212.00 <ins>£65.00–£195.00</ins>
</section></div><div class='flex_column av_one_fourth el_after_av_one_fourth el_before_av_one_fourth el_after_av_one_fourth el_after_av_one_fourth el_before_av_one_fourth el_before_av_one_fourth el_after_av_one_fourth el_before_av_one_fourth '><section id="newsbox-2" class="widget clearfix newsbox"><h3 class="widgettitle">BLOG</h3><ul class="news-wrap image_size_widget"><li class="news-content post-format-standard">STREET DISTILLATIONJune 30, 2014 - 10:27 pm<li class="news-content post-format-standard">DISTILL YOURSELFJune 29, 2014 - 1:31 pm<li class="news-content post-format-standard">DISTILLING ITALIA, WALLNUT TREESJune 10, 2014 - 3:41 pm<li class="news-content post-format-standard">DISTILLING AN ISLAND: TURUNJ PETIT GRAINJune 1, 2014 - 9:30 pm
###########################################
```
- This reply was modified 10 years, 5 months ago by Yigit. Reason: fixed HTML
July 25, 2014 at 3:09 pm #295979

Yigit
Keymaster

Hi!

Can you post the link to your website please?

Regards,
Yigit

July 25, 2014 at 3:12 pm #295982

profumopuntoit
Participant

This reply has been marked as private.

July 25, 2014 at 3:18 pm #295986

Yigit
Keymaster

Hey!

In that case, please post the link to your website when it is online and we will gladly look into it

Regards,
Yigit

July 25, 2014 at 3:29 pm #295994

profumopuntoit
Participant

This reply has been marked as private.

July 27, 2014 at 9:52 am #296404

Devin
Inactive Moderator

Hey!

You can try using this plugin to see what image sizes are set and then regenerating the images: http://wordpress.org/extend/plugins/simple-image-sizes/

As is the site isn’t rendering at all for me so I can’t get a good idea of what you have now unfortunately.

Regards,
Devin

July 30, 2014 at 12:09 pm #297653

profumopuntoit
Participant

We have added a parked domain and the website is now visible at http://new.profumo.it/

July 31, 2014 at 3:17 am #298063

Ismael
Moderator

Hey!

The website is not loading the styles properly. Please try to deactivate all plugins then test it again.

Regards,
Ismael

July 31, 2014 at 12:55 pm #298197

profumopuntoit
Participant

All plugins are disabled now (except WooCommerce) but footer looks the same
With also WooCommerce disabled I see a default footer with with Pages Archive etc.

July 31, 2014 at 4:33 pm #298303

Yigit
Keymaster

Hey!

No, what Ismael meant was that your website currently looks like this – http://i.imgur.com/TCtnYnK.png
Please try re-updating the theme via FTP – http://vimeo.com/67209750

Best regards,
Yigit

July 31, 2014 at 5:41 pm #298339

profumopuntoit
Participant

http://new.profumo.it/
To me it looks correctly like this
http://www.profumo.it/cattura.jpg
http://www.profumo.it/cattura1.jpg
you might have come to the website in the exact moment while some update was running
Can you try to look again please?
Thank you Mauro

July 31, 2014 at 10:24 pm #298441

Josue
Inactive Moderator

Hi Mauro!

It looks broken to me too, make sure the theme resources are available:
http://profumo.it/en/wp-content/themes/enfold/js/shortcodes.js?ver=2

Regards,
Josue

August 5, 2014 at 3:14 pm #300263

profumopuntoit
Participant

Please make sure that you navigate in our web site http://NEW.profumo.it/ with NEW in front
not
http://profumo.it/en/wp-content/themes/enfold/js/shortcodes.js?ver=2
but
http://NEW.profumo.it/en/wp-content/themes/enfold/js/shortcodes.js?ver=2

August 5, 2014 at 3:23 pm #300266

Yigit
Keymaster

Hi!

I am sorry but it still looks like this on my end – http://i.imgur.com/aRrbPpJ.png :/

Regards,
Yigit

August 5, 2014 at 5:00 pm #300310

profumopuntoit
Participant

Now it should work.
Mauro

August 5, 2014 at 6:02 pm #300350
Yigit
Keymaster
Hey Mauro!

Yes, now it works! Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
.news-thumb {
height: 60px;
width: 60px;
}
```
Thumbnails are now 50x50px – http://i.imgur.com/WlAgIAc.png

Regards,
Yigit
August 6, 2014 at 12:13 pm #300594

profumopuntoit
Participant

Dear Yigit
it is not yet right.
I changed in function.php to
$avia_config[‘imgSize’][‘widget’] = array(‘width’=>60, ‘height’=>60);

then I regenerate the thumbnails and I tried with various solutions in Quick CSS like:

###########
.news-thumb img, .news-thumb img { width: 60px; height: 60px; }
.news-thumb {
height: 60px;
width: 60px;
}
###########
or

############
.news-thumb { height: 60px; width: 60px; }
.news-thumb img, .news-thumb img { width: 60px; height: 60px; }
.attachment-shop_thumbnail img, .wp-post-image img { width: 60px; height: 60px; }
.attachment-widget img, .wp-post-image img { width: 60px; height: 60px; }
############

but not yet is correct

in the generated code there is an extra space in span class=’news-thumb ‘ I don’t know if this can be the problem

Thank you Mauro

August 6, 2014 at 12:16 pm #300596
Yigit
Keymaster
Hi!

If you set thumbnails to 60x60px, please set the following code to +10 so in your case 70x70px
```
.news-thumb {
height: 70px;
width: 70px;
}
```
Best regards,
Yigit
August 6, 2014 at 6:02 pm #300782

profumopuntoit
Participant

This reply has been marked as private.

August 6, 2014 at 9:29 pm #300837
Josue
Inactive Moderator
Hey Mauro!

Try using this code:
```
.news-thumb img {
height: 70px !important;
width: 70px !important;
}
```
Result:

Best regards,
Josue
August 7, 2014 at 3:21 pm #301150

profumopuntoit
Participant

Also the discount (on the left of the blog post thumbnais were not right)
I got it right with all this
######################à
.news-thumb {
height: 60px !important;
width: 66px !important;
}
.news-thumb img {
height: 60px !important;
width: 60px !important;
}

.attachment-shop_thumbnail {
height: 60px !important;
width: 60px !important;
}
.attachment-shop_thumbnail.wp-post-image img {
width: 60px; height !important;
60px !important;
}
.attachment-widget.wp-post-image {
width: 60px !important;
height: 60px !important;
}
.attachment-widget.wp-post-image img {
width: 60px !important;
height: 60px !important;
}
#################

Now the second part of the initial question in which I was asking:

Almoust all our products have variations and the two full prices and the two discounted prices in the DISCOUNTS footer widget wrap to a new line. It would be better to have full prices in one line and discounted prices on another. Is it possible?

Thank you Mauro

August 7, 2014 at 8:20 pm #301317
Josue
Inactive Moderator
Hey Mauro!

Try adding this code to the Quick CSS:
```
#footer .product_list_widget ins {
 display: block !important;
}
```
Cheers!
Josue
August 8, 2014 at 4:55 pm #301717

profumopuntoit
Participant

Yes thank you
but like this there is too much distance from product name and price

I would like something like

Pheromone pour Homme
€ 65,00–€ 212,00
€ 65,00–€ 195,00

not

Pheromone pour Homme

€ 65,00–€ 212,00
€ 65,00–€ 195,00

thank you Mauro

August 8, 2014 at 5:22 pm #301733

profumopuntoit
Participant

Please see
http://www.profumo.it/cattura_cr.gif

August 8, 2014 at 5:36 pm #301746
Dude
Participant
Hi!

Unfortunately this is not possible without hacking WooCommerce. I found a tutorial which might help you: http://www.terrytsang.com/tutorial/woocommerce/add-sales-end-date-for-woocommerce-product-price/ and you can probably use this code to add a space to to the € sign like:
```
add_filter( 'woocommerce_get_price_html', 'custom_price_html', 100, 2 );
function custom_price_html( $price, $product ){
$price = str_replace("€", "€ ", $price);
return $price;
}
```
If it doesn’t work please contact the WooCommerce developers: https://support.woothemes.com/hc/en-us maybe they can provide a better solution. Unfortunately we don’t have time to help with woocommerce customizations…
Cheers!
Peter
September 14, 2015 at 6:54 pm #502977

profumopuntoit
Participant

Dear Kriesi,

I am returning to this ticket because there is a problem that cannot be solved with stylesheet:

the images in “ON SALE” or “FEATURED PRODUCTS” footer section are loaded as 120x120px and then via stylesheet rendered as 70x70px

while the images in “BLOG” footer section (that use the “Enfold child latest news” widget) are loaded as 36x36px and then via stylesheet rendered as 70x70px



and so the images, that are so small and then enlarged, apper blurry

Thank you
Mauro

September 14, 2015 at 10:50 pm #503056

Josue
Inactive Moderator

Hi,

Can you post the current link to your website please?

Regards,
Josue

September 15, 2015 at 3:20 pm #503398

profumopuntoit
Participant

Here it is
Author

Posts