Hi…
I need to do make these change on my site.
1. On Home page is there anyway to make module 3 in boxed layout? as it is in upworthy.com???
Or even give a border or shadow so that I can show the post title and thumbnail in a box
2. How to reduce the post title size on mobile phones/responsive layout? Talking about single post page
3. How to reduce the spacing between social button and post title on phone/responsive layout http://imgur.com/B7e4Tvn
Thanks!
-
This topic was modified 11 years by
Sayeed.
Hi,
1. Unfortunately you will need custom work to achieve this. We cannot provide any type of custom work at this moment as we work hard on development, updates, fixes and support so the time and resources don’t allow us to provide custom work. You can get a freelancer from sites like: http://studio.envato.com/
2. You can use media queries for different sizes of screen: http://screencast.com/t/Dx9X6qgx
@media (max-width: 767px){
.post header h1 {
font-size: 20px !important;
line-height: 25px!important
}
}
3. You can try this custom css to reduce header margin, also there is a space for meta’s elements: http://screencast.com/t/L3QxBrnRZkX
@media (max-width: 767px){
.post header{
margin-bottom: 0px !important
}
.post header .meta-info{
display: none;
}
}
Hope this helps!
Hi again! please refer to screenshot “Second Image” http://imgur.com/XW95jQ8&6W7XnbM#1
and how can i reduce the size of content font on mobile screen?
Thankss!
Hi,
Please use media queries to change the font size for post content: http://screencast.com/t/sku5dq7Tz
@media (max-width: 767px){
body .td-post-text-content{
font-size: 14px !important;
}
}
Thanks!
Hi,
You can use media queries to hide social sharing on different size of screen: http://screencast.com/t/GPm4EyZEv
@media (max-width: 767px){
.single .td-social-sharing{
display: none !important;
}
}
Thanks!
