Tagged: quick css
-
AuthorPosts
-
October 16, 2013 at 9:06 pm #176618
Hi there,
I’m trying to increase the font size of the overall paragraph, sidebar and the main menu. I checked the forum and found some codes to enter into Quick CSS
For example:
.sidebar p{
font-size: 14px;
}I’ve entered the code in the quick css frame and saved, but nothing is happening. The code is still visible in the frame after saving and all the font sizes are still the same. Am I forgetting something? Or any other mistake I make?
I hope you can help me with this.
Kind regards,
RonnyOctober 17, 2013 at 6:53 am #176881Hi Ronny,
Can you post the link to your website please?
Regards,
JosueOctober 17, 2013 at 8:40 am #176896October 17, 2013 at 6:29 pm #177108Hi Ronny!
I saw you are putting the wrong CSS code
The correct syntax would be:
p { font-size: 14px !important; }
Best regards,
JosueOctober 17, 2013 at 7:20 pm #177137Hi Josue,
Thank you for this syntax. I tried this one as well, but unfortunately also without any result.
Is there something else I should do first to activate this? I’m not sure whether I’m forgetting something or it’s the quick css that’s not working correctly.
Kind regards,
October 17, 2013 at 10:57 pm #177200Hello!
The paragraph font size by default is 14px, try changing it to a different number to see the difference.
Best regards,
JosueOctober 18, 2013 at 9:11 am #177300Hi Josue,
I’m sorry, I should have mentioned that I did already try that. I tried it again this morning, with 20px or even 44px for example, but still without any result.
Maybe it’s good to mention that the syntax stays in the quick css textbox even after saving. The textbox to enter the quick css code is not empty again after saving.
Kind regards,
October 18, 2013 at 7:12 pm #177540Hey!
I see the changes being applied correctly, see image below:
Perhaps is not the paragraph element what you want to change?
Best regards,
JosueOctober 18, 2013 at 7:45 pm #177549Ho Josue,
Yes I do mean the paragraph, and I see the changes now. Maybe it takes a couple of hours to adjust, I’ve been working on the site all morning without seeing this change.
I would also would like to change the font size of the sidebar, inside the buttons and the main menu in header. I think I figured out what the syntax for the sidebar would be:
.sidebar p {
font-size: 14px !important;
}What would be the syntax to change the button fontze and the main menu in the header?
Thank you again for your help!
Kind regards,
October 19, 2013 at 1:27 pm #177871Hey!
You can add following code to Quick CSS and adjust as desired
.avia-button { font-size: 24px!important; } .social_header .main_menu ul:first-child > li a { font-size: 18px!important; }
Regards,
YigitOctober 21, 2013 at 8:46 am #178316Hi Josue and Yigit,
Thank you very much for your help. Everything is working and I’m very happy with the new font-size.
Kind regards,
RonnyOctober 21, 2013 at 4:34 pm #178485 -
AuthorPosts
- The topic ‘Quick CSS not working’ is closed to new replies.