tuanphan Posted August 23 Share Posted August 23 These CSS code will change Site Title size on All Pages, One Page, Desktop Only, Mobile Only,... If you can't make it work, you can send site url, I will check again. #1. Site Title size on All Pages You can access Site Styles At Fonts > Click Arrow icon Click Assign Styles Click Site Title (to change size on all devices) or Mobile Site Title (to change size on mobile only) #2. Site Title size on One Page only First, you need to find Page ID. In my example, it is: Next, use CSS code like this #collection-6673f2e18432c25013aee99f a#site-title { font-size: 50px !important; } #3. Site Title size - One Page - Desktop Only Similar #2, find Page ID, then use CSS code like this @media screen and (min-width:992px) { #collection-6673f2e18432c25013aee99f { a#site-title { font-size: 50px !important; } } } #4. Site title size - One Page - Mobile only Similar #2, find Page ID, then use CSS code @media screen and (max-width:991px) { #collection-6673f2e18432c25013aee99f { a#site-title { font-size: 50px !important; } } } #5. Before header scroll header#header:not(.shrink) a#site-title { font-size: 50px !important; } #6. After header scroll header#header.shrink a#site-title { font-size: 50px !important; } Lesum 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment