How to change title font size for mobile device

radiokptv replied

6 years ago

Customer Reply

hi, i just try your last script regarding custom css and it works, i solved this task, thanks.

Viorel

Penci Design replied

6 years ago

Staff Reply

Hi,

Please send me your website managment information ( admin url site, username and password ) in order for me to have access to know the exact issue. We will take it a look on this help you.

Best Regards,

PenciDesign

radiokptv replied

6 years ago

Customer Reply

Hi, another screenshots for the post titles font size changing problem described below, this are take it from the browser inspect element, there in the left is mentione the error that send the customize section.

Regards, Viorel

radiokptv replied

6 years ago

Customer Reply

Hi thanks, but following your customizing css there is still an error, pls check with the screenshot below.

The first post title of that page work, with the css from you, but the second customized css give an error (i want to change also the fonts size for the rest of the posts titles in that block type, in mobile device).

Can you check if something is missing from that css, thanks.

Regards, Viorel

radiokptv replied

6 years ago

Customer Reply

Hi thanks, but following your customizing css there is still an error, pls check with the screenshot below

Penci Design replied

6 years ago

Staff Reply

Hi,

change the size of the post titles , please try use custom css

 .block1_items .penci__post-title {font size : 14px;
}

About change title page, please go to Customizer > addtional CSS then add custom css to do that

.page-id-1264 .penci-entry-title {     font-size: 50px;
}

With 1264 is id of page

Best Regards,

PenciDesign

radiokptv replied

6 years ago

Customer Reply

Thanks for your reply, this work :)... and further, in the same link and the same block used, if i want to change the size of the post titles (for mbile device) i guess that must be another css shortcode at class "#penci_block_1__29495944 .block1_items .penci__post-title"? and if is yes, how do i add it to the last custom css, can i use multiple customs css in customizer menu?

Regards, Viorel

p.s.- in addition to what we discuss, if i want also to change the font size to 50 px, in a page here ".page-id-1264 .penci-entry-title { font-size: 50px;
} " how do i insert and where this custom css, maintaining the others customizing css, thanks.

Penci Design replied

6 years ago

Staff Reply

Hi,

Do you want change font size of title block shortcode ?

If right, Please go to Customizer > Addtional CSS then add custom css do that.

.penci-block-vc .penci-block__title {
    font-family: "Oswald",sans-serif;
    font-size: 18px;
}

Best Regards,

PenciDesign

radiokptv replied

6 years ago

Customer Reply

Hi, back with some details on this link http://landing.kptv.ro/actualitati/stiri/, just try to viewed on mobile device and there are the title blocks, like "ŞTIRI LOCALE" i mean all those that are not black fonts, those fonts are set it as 38px i guess, anyway they must to look bigger that are now (on desktop are right size).

Regards, Viorel

p.s.- img2 is from customize panel (there the fonts are see it correctly) and img3 is resized to a mobile device, there i want to do a font size change, thanks.

Penci Design replied

6 years ago

Staff Reply

Hi,

I'm not clear about the issue.

The custom css you send doesn't work on your site.

It right, please send me screenshot for the item you want change font size on mobile. I will check it help you

Best Regards,

PenciDesign

radiokptv replied

6 years ago

Customer Reply

Hi, thanks for your reply, but that css won't do anything for the blocks titles...just link to what i write before and look on a mobile device, and identify the apropriate class/div name...thanks.

Regards, Viorel

Penci Design replied

6 years ago

Staff Reply

Hi,

Please go to Customizer > Addtional CSS then add custom css to do that

@media screen and (max-width: 1024px) {
 .penci-archive .penci-archive__content .penci-post-item .entry-title {
     font-size: 25px;
 }
}

Best Regards,

PenciDesign

radiokptv started the conversation

6 years ago

Conversation Start

Hi, just try to open the link above that is in the related url and compare the size of title fonts in the blocks that are used, displayed on desktop and on mobile device. So have any idea from where can i change title the size, for example, for words like "ŞTIRI LOCALE" or "ŞTIRI NAŢIONALE" in that page?

Regards, Viorel