1. Since a couple of days my main font for all blogposts and widgets is smaller than it used to be. The size is 14px now but it's supposed to be 16px. I tried to change it in css, because the customizer didn't work. I tried following codes, but they are not working:
.widget ul li, .post-entry, p, .post-entry p { font-size: 20px; margin-top: 0px; }
body, .widget ul li a { font-size: 20px; }
2. How can I change the logo for only one page? I want to use another header image if people visit my DIY page. I only can upload one image at the customizer section. Can you provide me a css code to make it possible to add a second image? Thank you so much.
3. How can I style the widgets? I want make a green background and add some logos, see my example image in attachments.
Oh and then I just wanted to know if it affects the performance of the website if I have many css changes?
Hello, thank you for your help. Unfortunately I couldn't solve the issue with the font. I deleted my css code and checked again the customize section for the font size. The font size is set to 20px but what I see at the moment is 14px. What else could effect the overall font size? Is there another way to make it bigger? Do you want a guest login to check the issue?
Hello,
1. Since a couple of days my main font for all blogposts and widgets is smaller than it used to be. The size is 14px now but it's supposed to be 16px. I tried to change it in css, because the customizer didn't work. I tried following codes, but they are not working:
.widget ul li, .post-entry, p, .post-entry p {
font-size: 20px;
margin-top: 0px;
}
body, .widget ul li a {
font-size: 20px;
}
2. How can I change the logo for only one page? I want to use another header image if people visit my DIY page. I only can upload one image at the customizer section. Can you provide me a css code to make it possible to add a second image? Thank you so much.
3. How can I style the widgets? I want make a green background and add some logos, see my example image in attachments.
Oh and then I just wanted to know if it affects the performance of the website if I have many css changes?
Greetings
Joana
Hi,
1/ Please remove your custom css and change it via Customize > General Options > Custom Size Of Fonts in Posts (Numeric value only, unit is pixel)
2/ Please try add more this code at the end of functions.php file - check this image to do that:
/** * Custom Logo for DIY page */ if( ! function_exists( 'penci_custom_logo_for_diy_page' ) ) { function penci_custom_logo_for_diy_page( $data ) { if( is_page('3422') ) { return 'YOUR_CUSTOM_LOGO_URL'; } else { return $data; } } add_filter( 'theme_mod_penci_logo', 'penci_custom_logo_for_diy_page' ); }Note Important:
- Change the YOUR_CUSTOM_LOGO_URL on the above code to your custom logo image URL. Check this guide to know how to get URL of an image you upload.
- Change the value 3422 to the ID of page you want to custom logo image. In this case - your DIY page has ID is 3422.
3/ Sorry this theme doesn't support for this feature.
And CSS doesn't affect much to your site performance.
Best Regards,
PenciDesign
Hello, thank you for your help. Unfortunately I couldn't solve the issue with the font. I deleted my css code and checked again the customize section for the font size. The font size is set to 20px but what I see at the moment is 14px. What else could effect the overall font size? Is there another way to make it bigger? Do you want a guest login to check the issue?
Thank you
Hi,
I checked your site and I see you have this custom css:
.widget ul li, .post-entry, p, .post-entry p { font-size: 14px; margin-top: 15px; }Let's change value 14 to value as you want.
Best Regards,
PenciDesign