Hi
I was wondering how to change the size of the title of a Page for mobile and portrait view.
The page is not edited in TD Composer.
Thanks
That can be done with CSS. Share the link to the post you want to make the changes.
Here is the page in which i would like to change the size of the title, where it says ‘Advertising’ to a larger size, for mobile and tablet devices.
http://sportingmatrix.com/advertising/
thanks
In the composer it would be easy, select the view port and set sizes or each one. So for example I can set a 50px font size for the column title on desktop
– https://www.screencast.com/t/awpkwpm40MJc
And a 25px font size on mobile – https://www.screencast.com/t/Ykvie0ppn
It can be done with CSS, the solution form above is basically CSS but the design make is easy to use without needing to create code.
Use a code like this – https://www.screencast.com/t/oy2YLf27KDzo
.page-id-349 .td-page-title {
font-size: 75px;
}
It will apply only on that page. You can modify the value of the size, then enter the code in the tablets section and phones if you want it to apply only there.
For example – https://www.screencast.com/t/274JKAT6S
Code
is there a way to set this size for all pages instead entering for each ID
Hello,
Yes, if you want to target only the post pages, you should use the .single general class. -> https://www.screencast.com/t/bNWjvLEuUo6
Thanks for the message!
Hi
Thanks for the response, i want to target just the pages not posts. e.g. i just want to target the static “about” pages not article ones.
What code do i enter in the custom code section.
I have this:
.page-id-349 .td-page-title {
font-size: 75px;
}
but i want to change it so applies to all the PAGES,
thanks so much! 🙂
Hi,
If you want to target all the pages, you should use the general .page class, as you can see here -> https://www.screencast.com/t/CRfoinxuq
Thanks.
