Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #311863
    Rebecca Keogh
    Participant

    Hi Guys,

     

    I would like to increase the size and change the color of the txt in front of the header image on each page – how do i go about doing that?

     

    Thank you

    Rebecca

    #311864
    Sakin
    Keymaster

    Hi Rebecca,

    1. For Color size, you can the color code in the following CSS as per your need and in the “Appearance => Customize => Additional CSS” box:

    .header-media .section-title,
    body:not(.home) .header-media .section-title {
    	color: #000;
    }

    For Font Size, you need to adjust it for Mobile and then Desktop, so adjust the following CSS font size as per your need and then add it in the “Appearance => Customize => Additional CSS” box:

    /* Header Media Font Size for Mobile *
    .header-media .section-title,
    body:not(.home) .header-media .section-title {
    	font-size: 32px;
    }
    
    /* Header Media Font Size for Desktop *
    @media screen and (min-width: 64em) {
    	.header-media .section-title,
    	body:not(.home) .header-media .section-title {
    		font-size: 60px;
    	}
    }

    Regards,
    Sakin

    #311875
    Rebecca Keogh
    Participant

    Hi Sakin,

     

    that worked perfectly! Thank you !

     

    Rebecca

     

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.