Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 20, 2014 at 7:51 pm #253606
    youyou78

    Hello,

    I changed the width with the following code but I can’t find for comments. Currently under comments is full width with this code. I wish the same width on comments but to keep counter in full width. please help me!

    /* Width blog posts */
#top .fullsize .template-blog .post .entry-content-wrapper > * {
max-width: 770px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 770px;
}
#top .fullsize .template-blog .post-title {
max-width: 100%;
    April 21, 2014 at 7:20 am #253683
    Ismael

    Hi youyou78!

    Thank you for using the theme!

    Do you mind if we take a look at the post page? If I am not mistaken, you want to change the width of the comment form? This part of your css code should close:

    #top .fullsize .template-blog .post-title {
max-width: 100%;
}

    A screenshot explaining your request will help a lot. Thanks!

    Cheers!
    Ismael

    April 21, 2014 at 11:10 am #253711
    youyou78

    Hi Ismael,

    sorry I work in local. yes I want to change the width of the comment form. Thanks!

    http://nsa34.casimages.com/img/2014/04/21/140421111801528070.jpg

    April 22, 2014 at 7:00 am #254188
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    div.comment-entry.post-entry {
    width: 60%;
    margin: 0 auto;
}

    Cheers!
    Josue

    April 22, 2014 at 10:00 pm #254651
    youyou78

    Hey!

    thank you Josue, but but it is not great.
    On mobile and ipad the comment form is too small. And on my pc the text box is not centered and too broad.

    http://nsa33.casimages.com/img/2014/04/22/140422100627103289.jpg

    Code:

    /* With Template Blog posts */
#top .fullsize .template-blog .post .entry-content-wrapper > * {
max-width: 770px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 770px;
}
#top .fullsize .template-blog .post-title {
max-width: 100%;
}
div.comment-entry.post-entry {
    width: 72%;
    margin: 0 auto;
}
    April 23, 2014 at 3:48 am #254740
    Josue

    Hey!

    Change the code to:

    @media only screen and (min-width: 768px) {
div.comment-entry.post-entry {
    width: 60%;
    margin: 0 auto;
}
}

    Best regards,
    Josue

    April 23, 2014 at 8:13 pm #255186
    youyou78

    Thanks! it works!

    April 23, 2014 at 8:15 pm #255189
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.