CSS font size

  • Unknown's avatar
    fehali · Member ·

    Hi, I want to make smaller the font size of about section in my homepage.
    From theme forum I know the following code can be used to manipulate the title of the section, but I can not resize the p section, which is my aim.

    @media screen and (min-width: 48em) {
.section-about-column-one .front-section-title {
    font-size: 30px !important;
}
}

    From the source code I got the following codes related to my desired area.

    <section id="front-section-about" class="front-section cf">

			
			<div class="section-about-column-one">
				<h3 class="front-section-title">Biz Kimiz?</h3>								
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>

<div class="wp-block-group alignfull"><div class="wp-block-group__inner-container">
<div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-3 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column2-desktop-grid__span-6 column2-desktop-grid__start-6 column2-desktop-grid__row-1 column1-tablet-grid__span-3 column1-tablet-grid__row-1 column2-tablet-grid__span-5 column2-tablet-grid__start-4 column2-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2">
<div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none">
<figure class="wp-block-image size-large is-style-circle-mask"><img data-attachment-id="167" data-permalink="https://fehali.com/screenshot-from-2021-04-09-22-59-13/" data-orig-file="https://i1.wp.com/fehali.com/wp-content/uploads/2021/04/Screenshot-from-2021-04-09-22-59-13.png?fit=610%2C601&ssl=1" data-orig-size="610,601" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="Screenshot from 2021-04-09 22-59-13" data-image-description data-medium-file="https://i1.wp.com/fehali.com/wp-content/uploads/2021/04/Screenshot-from-2021-04-09-22-59-13.png?fit=300%2C296&ssl=1" data-large-file="https://i1.wp.com/fehali.com/wp-content/uploads/2021/04/Screenshot-from-2021-04-09-22-59-13.png?fit=610%2C601&ssl=1" loading="lazy" width="610" height="601" src="https://i1.wp.com/fehali.com/wp-content/uploads/2021/04/Screenshot-from-2021-04-09-22-59-13.png?resize=610%2C601&ssl=1" alt class="wp-image-167 jetpack-lazy-image" data-recalc-dims="1" data-lazy-srcset="https://i1.wp.com/fehali.com/wp-content/uploads/2021/04/Screenshot-from-2021-04-09-22-59-13.png?w=610&ssl=1 610w, https://i1.wp.com/fehali.com/wp-content/uploads/2021/04/Screenshot-from-2021-04-09-22-59-13.png?resize=300%2C296&ssl=1 300w" data-lazy-sizes="(max-width: 610px) 100vw, 610px" data-lazy-src="https://i1.wp.com/fehali.com/wp-content/uploads/2021/04/Screenshot-from-2021-04-09-22-59-13.png?resize=610%2C601&is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img data-attachment-id="167" data-permalink="https://fehali.com/screenshot-from-2021-04-09-22-59-13/" data-orig-file="https://i1.wp.com/fehali.com/wp-content/uploads/2021/04/Screenshot-from-2021-04-09-22-59-13.png?fit=610%2C601&ssl=1" data-orig-size="610,601" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="Screenshot from 2021-04-09 22-59-13" data-image-description="" data-medium-file="https://i1.wp.com/fehali.com/wp-content/uploads/2021/04/Screenshot-from-2021-04-09-22-59-13.png?fit=300%2C296&ssl=1" data-large-file="https://i1.wp.com/fehali.com/wp-content/uploads/2021/04/Screenshot-from-2021-04-09-22-59-13.png?fit=610%2C601&ssl=1" loading="lazy" width="610" height="601" src="https://i1.wp.com/fehali.com/wp-content/uploads/2021/04/Screenshot-from-2021-04-09-22-59-13.png?resize=610%2C601&ssl=1" alt="" class="wp-image-167" srcset="https://i1.wp.com/fehali.com/wp-content/uploads/2021/04/Screenshot-from-2021-04-09-22-59-13.png?w=610&ssl=1 610w, https://i1.wp.com/fehali.com/wp-content/uploads/2021/04/Screenshot-from-2021-04-09-22-59-13.png?resize=300%2C296&ssl=1 300w" sizes="(max-width: 610px) 100vw, 610px" data-recalc-dims="1" /></noscript></figure>
</div>

<div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none">
<blockquote class="wp-block-quote is-style-default"><p>“Dişil kendini yaz!”</p></blockquote>

<p>FeHâli, ..............................bekliyoruz: “<em>Dişil kendini yaz!</em>”</p>
</div>
</div>
</div></div>

    Thanks.

    The blog I need help with is: (visible only to logged in users)

  • aleone89 · Staff ·

    Hello there,

    The CSS you might want to try here is: 

    .home p {
    font-size: 10px;
}

    You would change the 10px to suit.

    I hope this helps thus far.

  • Unknown's avatar
    fehali · Member ·

    Hey, thanks. It worked.

  • The topic ‘CSS font size’ is closed to new replies.