Tagged: x
-
AuthorPosts
-
July 11, 2016 at 12:31 am #1080835
bedingfieldParticipanthi there.
I would like to make some amendments to the CSS for smart phones. Resizing text, maybe hiding larger images etc.
I am using renew.
Is there a sheet available showing classes for smartphones?
The majority of changes will be in body of posts, along with some pages.
http://elyrunners.club/breckland-10k/
Thank you
July 11, 2016 at 1:44 am #1080896
ChristopherModeratorHi there,
Please find this code :
.single-post .entry-content p:first-child { font-family: "Times New Roman", Georgia,Serif; color: fff; line-height: 125%; font-size: 170%; } .single-post h1.entry-title, .single-post h2.entry-title a { font-size: 50px; text-align: center; letter-spacing: 0.166em; }And update it to :
@media (min-width:530px){ .single-post .entry-content p:first-child { font-family: "Times New Roman", Georgia,Serif; color: fff; line-height: 125%; font-size: 170%; } .single-post h1.entry-title, .single-post h2.entry-title a { font-size: 50px; text-align: center; letter-spacing: 0.166em; } }To hide specific images, please use visibility options.
Hope it helps.
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1080835 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
