-
Posts
-
Hello guys,
I have a client that is being quite picky about he theme and I was hoping you might be able to help me out with a few simple adjustments. General CSS will be fine and I can hopefully adjust if needed
1. The area in the the navigation: Can we make this a bit taller and to the left (where I can add phone number and text) can we add a phone icon to the left and make the text a bit bigger?
2. Is there a way in the sliders area the I can make he header font different sizes. For example: I want all header the font font to be the same font but vary the size per line. Top line 10pt, middle line 18pt, bottom line 12pt. Then the secondary text will be controlled through the theme.
3. Is it possible to add a font to the theme. They really want Century for headers and body (go figure) but of course that is not an option
4. Is there a way to add a button to the WooCommerce layout on the home and shop now pages I created. It seems it is not customizable and we want to let them add to the cart directly from those pages.
Your help is greatly appreciated. I simply want to get these changes made for a difficult client and I cannot figure them out myself. Again, many thanks for your guidance.
Link to website below….
Hey hylandgraphics,
Thank you for using Enfold.
1.) Are you referring to the top bar above the main header? Please try this code in the Quick CSS field.
#header_meta .container { min-height: 50px; } #header_meta .container * { line-height: 50px; }2.) I’m sorry but that’s not possible with the title because it’s a single element. You can try it in the slider caption. Just add a custom css class attribute to the texts’ container. Example.
<h2 class="custom-heading"> <span class="small">Text 1</span> <span class="medium">Text 2</span> <span class="big">Text 3</span></h2>You can then change the font size of each text using the “.small”, “.medium” and “.big” css class selector
3.) Did you buy the font? Try to use the fontface rule.
// https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp
4.) You have to use the Product Grid element.
Best regards,
IsmaelTha k you for your help. A few additional questions……
1) If I want to change the font size how do i do that? Height was accomplished so thank you!
2) I will try that code and you adjust so I can make color changes to those fonts as well?
4) I am using product grid now but I do not see the option to add a “add to cart button” below each element. Any help here would be appreciated.
Thank you so much for your responses and assistance!
Hi!
Please add following code to Quick CSS as well
/* #1 */ #header_meta .container * { font-size: 16px; } /* #2 */ .custom-heading .small { color: orange; } .custom-heading .medium { color: red; } .custom-heading .big { color: green; }4- Please go to Enfold theme options > Shop Options and choose “Default” in “Product layout on overview pages”
Cheers!
YigitI am a bit confused I am sorry. What is the code to simply chance the font size in the area above the header?
Also In the question 2 can you post the code so I can have 3 lines of text and I can adjust the color and size of each line.
Lastly I want to add a phone icon in the area above the header to the left of the phone number I have added the icon through fontello and adjusted the function.php file to show it as a social icon but it is not appearing. What is the best way to accomplish this?
Thanks for your prompt replies so far.
One of the big issues right now it the is the “add to cart button” in WooCommerce grid element. How do I get that to show?
- The topic ‘Help with a few small customizations please’ is closed to new replies.