Small CSS issues

Hello !

I've just realized that there is a small issue using this template on mobile.

When you look from a mobile the left padding is reducing lots of space.

So I'd like to know how we can remove or reduce the left padding from the main text elements: http://dubaishines.com/blog/accomodatio ... tions.html http://awesomescreenshot.com/0fd40ym17e

> Subtitle info (category etc.)
> Text
> Comment
> Social and extra info

I tried to add this in override.css but then I had some other small issue in the blog post list http://awesomescreenshot.com/0ab40ym3c8 http://dubaishines.com/blog/Latest.html

Code: Select all

#ezblog-body .blog-brief {
   padding-left: 0;
   }
   
#ezblog-body #socialbutton {
   padding-left: 0px;
}

#eblog-wrapper #section-comments {
   padding-left:  0px;
}

#ezblog-body .blog-text {
   padding-left: 0px;
}

do you know how I can fix:

> Left padding for the blog posts
> Button read more alignement

Tks a lot !

Any idea by chance ? :/

Hi

Please add this to mobile.css file:

Code: Select all

#ezblog-body .blog-head,
#ezblog-body .blog-brief,
#ezblog-body .blog-text,
#ezblog-body #socialbutton,
#ezblog-body .facebook-likes,
#eblog-wrapper #section-comments {
    padding-left: 0;
}


Hello !

Tks ! But I have now the date over the title http://awesomescreenshot.com/0b941r3f82

http://dubaishines.com/blog/family/comi ... -kids.html

Btw is it not better to put it in override.css ?

Tks !

Hi

Override.css may be overwritten by mobile.css file since it's only loaded for specific screen width. So this is better to keep there.


Add this there as well for date fix:

Code: Select all

article header > time, #ezblog-body .blog-header > time, #ezblog-body .blog-head > time {
    padding: 10px;
    position: relative;
    top: 0;
    width: 100px;
    margin: 0 auto 15px;
    display: block;
   
}

article header > time span, #ezblog-body .blog-header > time span, #ezblog-body .blog-head > time span {
    display: inline;
    margin-left: 10px;
}


Hellooooooooo !

Tks it's almost ! I've just realized those small issues: http://awesomescreenshot.com/00442i77cb when you resize this page http://dubaishines.com/blog.html the title is not in 100% width and a part is cropped on the side.

Do you think you can solve this one too ?

Tks a lot !

Hi

You are missing this in mobile.css

Code: Select all

#ezblog-body .blog-header {
    padding-left: 0;
}


Much better ! Tks u !