This reply has been marked as private.
Hi bentkd!
Yes, you can use following code
.avia-icon-list .iconlist_icon {
height: 40px;
width: 40px;
line-height: 40px;
font-size: 23px;
}
to re-size the list icons. The first three values must be set to the same px value (i.e. 40px). The last value can vary.
Best regards,
Peter
Hey!
Can you please give us a link to the actual page with the comment section? Post the login details here as a private reply.
Best regards,
Ismael
Hi!
You can change the scroll to top arrow icons using this:
#scroll-top-link {
font-size: 50px;
}
Cheers!
Ismael
Hey aovivo!
Please do the following:
1.) Add this on your custom.css or Quick CSS:
.woocommerce-main-image.zoom {
overflow: hidden;
}
2.) Change the product title using this:
.product_title.entry-title {
font-size: 13px;
}
And the price font size with this:
#top .price span, #top del, #top ins {
font-size: 17px;
line-height: 24px;
}
3.) Change the button color with this:
.main_color .add_to_cart_button.button.product_type_simple {
background-color: red;
}
4.) Increase the bottom margin of categories using this:
.product_meta {
margin-bottom: 20px;
}
5.) Change the upsells or you may also like products using this:
#top .upsells.products h2 {
font-size: 15px;
color: red;
}
6.) It should be using the shop catalog image size which 450×450. Please regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/
Regards,
Ismael
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!
Hey jtree5757!
I tested the option on my test server and it works for me. I guess some other css code overwrites the icon inline styles and thus the “font size” option doesn’t work for you. Please post a link to your icon/website and we’ll look into it.
Regards,
Peter
Hi bentkd!
You can use this on your custom.css or Quick CSS to change the size of the icon list icons:
.iconlist-char {
font-size: 20px;
}
Cheers!
Ismael
Hi!
You can use the class of the surrounding div to change the content. I.e. if you want to use a different icon for product images use
.single-product-main-image .image-overlay .image-overlay-inside:before{content:"\E869"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }
and this rule will overwrite the default icon.
The difference between the three css code lines is just the icon. \E869 is the default icon, \E832 is the icon for external links and \E897 is the video icon.
Regards,
Peter
Hi!
You can use this for the team member title:
.main_color .team-member-job-title {
color: red;
font-size: 20px;
}
Regards,
Ismael
great – it worked.
do you have a code for the TITLE (font size AND color) too?
thanks!
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
Hey!
Please try adding !important to force it as following
.fbFeedbackPost .postText, .fbFeedbackContent .profileName, a.uiLinkSubtle, .fsm, .uiLinkButton input { font-size: 16px!important; }
and please try adding the code to bottom of Style.css file of your child theme
Best regards,
Yigit
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.
Hey!
You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired
.team-member-name { font-size: 12px; }
Best regards,
Yigit
Hey!
Please add following code to Quick CSS
.fbFeedbackPost .postText, .fbFeedbackContent .profileName, a.uiLinkSubtle, .fsm, .uiLinkButton input { font-size: 16px; }
and adjust as needed
Best regards,
Yigit
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
same here.
so where exactly can i change the heading size of the Team Members Name (and title)? in the enfold panel oder do i have to insert a css code? if i use f.a. a 5 columns team member row the fonts are too big for the images. a control panel or menu for changing heading would be handy.
thanks in advance
Pedro
Works a treat! Many thanks.
Hi Yigit,
That didn’t work for Jetpack Comments, the 3rd party plugin I’m using. It did work when I disabled jetpack though. Any other code I can try?
Also, what code changes the size of the “reply” and “cancel reply” (the really small ones) texts as pictured in this image.
https://www.dropbox.com/s/qvkb7wwqpxj0zjj/Screen%20Shot%202014-01-12%20at%2012.05.43%20PM.png
Thanks
Jonny
hi there, i just switched to ENFOLD since my plug-in WooCommerce German Market seems to work best with this theme.
After changing the theme i have trouble adjusting some details, especially on the woocommerce product page.
I have attached a screen shot for better understanding (i am referring to the circled sections)
1) How can i get rid of the image side bar on product image? also the link thats activated – i just want to have the product in its original size (400×400)
2) How can i change the font sizes in the product description (Product name too big, price to small,)
3) how can i change the font color on button only (a darker color like grey or black would go better with the yellow)
4) How can i change the padding at the border of ‘product categories’ and ‘similar products’ (middle of the page) ?
5) I havent found the styling option for ‘Ähnliche produkte’ (which means ‘similar products) – does this come from woocommerce? Its a different yellow that i did set up in the styling panel.. any idea where to change that?
6) its weird that the products on the bottom (catalogue thumbs i guess) are not sharp. its the same size, quality as the main product in the upper half of the page and yet its somehow blurry. Any idea why this is happening?
This is the image size set up in woocommerce:
catalogue: 80×80
single product: 400×400 (original size)
thumbs: 120×120
i searched the forum but did not find the exact answers – thats why i decided to put this together in one topic, since its happening on one single page.
hope you can help!
thanks so much in advance
Pedro

Hi!
Did not notice that you were using a 3rd party plugin, please try following code
#respond form * {
font-size: 16px;
}
Best regards,
Yigit
It only shows up when you click the comments box as you would if you wanted to make a comment. It is visible to non admins once you do so.
Hey!
Do you mind creating a temporary admin login and post it here privately? Without logging in, we are not able to see the text
Regards,
Yigit
Thanks Yigit. That worked for the comments text but not for these texts :
“Jonny Freesh: You are commenting using your Jonny Freesh account.
Notify me of follow-up comments via email.
Notify me of new posts via email.”
Hi!
EDIT: Please add following code to Quick CSS as well
.main_color b { font-size: 18px; }
I would suggest you to use Heading elements ( h1, h2, h3, h4, h5 or h6 ) instead of B tag for titles and use Strong tag instead of B tag in your content to make them bold
Cheers!
Yigit
-
This reply was modified 12 years, 3 months ago by
Yigit.
Hi!
You can add following code to Quick CSS as well to incrase the font size of comment and label sections
#top .comment_text { font-size: 18px; }
#top label { font-size: 20px; }
Cheers!
Yigit
Hi kmcca!
Which text are you refering exactly? We can provide you custom CSS code to adjust them. If you are referring to Text Block element, please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.avia_textblock { font-size: 18px; }
Regards,
Yigit
Thanks Yigit but..
That only changed : “Want to join the discussion?
Feel free to contribute!”
This : “Jonny Freesh: You are commenting using your Jonny Freesh account.
Notify me of follow-up comments via email.
Notify me of new posts via email.”
And the actual size of the font in the comment box and the comments once they are posted did not change. How can I change those?