Font & Logo | PenciDesign Support

PenciDesign replied

6 years ago

Staff Reply

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

Foodreich replied

6 years ago

Customer Reply

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

PenciDesign replied

6 years ago

Staff Reply

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

Foodreich started the conversation

6 years ago

Conversation Start

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