Tried it, didn’t work. Found some other sites using the plugin and seemed like their text was also super small. Seems like a big oversight by facebook as the comments are very difficult to read. Anyways, thanks so much for taking a close look.

I’ve decided to go with Jetpack Comments as it has facebook login (no facbook notifications for replies as far as I can tell though – am I wrong about this?) and the code you gave me earlier for the comment font size works :)

However, the code you gave me for the “notify me of follow up comments by email”

#top label { font-size: 20px; }

doesn’t work for jetpack – though it does work for the built in comments. Any other codes I could try?

Thanks

Jonny

Hi Ismael,

Thank you for your response, we have added the line to the quick CSS and the font size is bigger now. However, the font size of the single product names has changed too, and we only want the category- and subcategory names to be bigger. Also, would it be possible to add the horizontal line as shown on our homepage https://www.peetersduurzaam.nl/ in “Waarom Peeters Duurzaam?”

Kind regards,

Pim and Gonneke

Dear Ismael,

https://www.peetersduurzaam.nl/webshop-2/ The category names on this page are Warmtepompen, Zonnestroom and Zonnewarmte. For every category or subcategory (all listed in the sidebar) the names are shown this way. We would like the font size to be bigger, and the font style to be as “Waarom Peeters Duurzaam?” on our homepage, with the horizontal line behind te words.

Also, the names are below the thumbnails, could we put the thumbnails below the names?

Kind regards,

Pim and Gonneke

I think you are right.
I changed this css to edit the size of the arrow in the “scroll to top” button in the bottom left of pages.

#top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont="entypo-fontello"]:before {
	font-size: 15px	;
}

I would like to be able to use the icon element with the font size.

So how can I change the font size of the arrow in the “scroll to top” button without affecting anything else?

Thanks, you guys are awesome!

Still not working. I tried it in the quick css and styles.css

I thought that maybe these styles were interfering so i took them out and tested, but still not working.

#top .comment_text { font-size: 28px; }
#top label { font-size: 30px; }

What else you got?

Thanks

Jonny

didn’t work.

I’m still a little confused. Maybe you can clarify..

	.image-overlay .image-overlay-inside:before{content:"\E869"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }
	.image-overlay.overlay-type-extern .image-overlay-inside:before{content:"\E832";}
	.image-overlay.overlay-type-video .image-overlay-inside:before{content:"\E897";}

This is the only code that I found in the base.css that references font icons.

Do you mind explaining the differences between the three for us please?

Not sure how this will change the rollover icon for my products and regular images not related to my products. It seems like they are connected as they are classified as the same type in the above css. Sorry if I’m just misunderstanding.

Thanks.

I’ve tried using some different facebook comment plugins and the same problem persists. Here is new example.

https://www.dropbox.com/s/pntw3mtbla5c6oy/Screen%20Shot%202014-01-13%20at%207.02.49%20AM.png

Thanks in Advance

Jonny