Tagged: Fonts
-
AuthorPosts
-
June 8, 2023 at 6:02 pm #1410009
Hello,
I have some questions about fonts:
1. I would like to enlarge the fonts of the “footer menu” but I can’t find the option;
2. In the H1 and H2 tags I would like “letter spacing” to be equal to 0 and not 1 as it is currently configured but in Advanced Style there is no option;
3. On mobile phones, the search symbol and the menu, once opened, is orange, how can I make them black?
ThanksJune 10, 2023 at 5:02 pm #1410159Hey Intercettazioni,
Thanks for your patience and the link to your site try the following CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field for each request:
1: adjust the font size to suit#socket { font-size: 22px; }
2:
#top .template-page .entry-content-wrapper h1, #top .template-page .entry-content-wrapper h2 { letter-spacing: 0; }
3:
#top #header_main > .container .main_menu .av-main-nav > li#menu-item-search > a { color: #000; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeJune 12, 2023 at 2:58 pm #1410351Hello Mike,
Thanks for your help.
#1 and #2 work,
#3 only worked for the search symbol, but once the burger menu on the mobile phone is open, the font color remains orange. I don’t understand why on the test site that I had created the mobile menu works perfectly, i.e. the menu is black and when you select it it turns orange.Also, I take this opportunity to ask you where to change the font size of the menu on the mobile phone.
Excuse me, one more question, enlarging the characters (#1) the menu has gone to the end but the lines are too close. How can I space them out?
- This reply was modified 1 year, 6 months ago by Intercettazioni.
June 12, 2023 at 3:11 pm #1410354Hi Mike,
I solved the problem #3 an therefore I am left with these two issues:
Where to change the font size of the menu on the mobile phone.
Enlarging the characters (#1) the menu has gone to the end but, the lines are too close. How can I space them out?June 12, 2023 at 6:57 pm #1410373June 13, 2023 at 5:11 pm #1410478Hello Mike,
My apologies, when I was referring to “spacing”, I was thinking to the spacing of lines for socket menu for smartphones.
June 13, 2023 at 6:22 pm #1410488Hi,
To add more space between the socket menu items try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#socket .sub_menu_socket li { padding: 0 20px; }
After applying the css, please clear your browser cache and check and feel free to adjust to suit.
Best regards,
MikeJune 14, 2023 at 4:13 pm #1410602Hello Mike,
I didn’t explain myself well, when I enlarged the characters in the socket, on the mobile it is displayed in two lines, these lines are attached to each other, I was wondering if they could be separatedJune 14, 2023 at 5:27 pm #1410617Hi,
I believe you are referring to this on small mobile:
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 387px) { #socket #menu-item-651 { padding-top: 20px; } }
After applying the css, please clear your browser cache and check.
This is the expected results:
Best regards,
MikeJune 15, 2023 at 10:44 am #1410684Thanks Mike
everything’s perfectJune 15, 2023 at 11:22 am #1410694Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Fonts’ is closed to new replies.