"One thought on “QUOTE OF THE WEEK” 's font size is too big!

  • Unknown's avatar
    mayabarakat · Member ·

    Hello !

    Please, when someone comments on a post, it writes “one thought on…”
    However, the text size is way too big!

    How can I make it smaller using CSS??

    Thank you very much!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    nizamilputra · Member ·

    Here is the css;

    .comments-title{
  font-size: 16px; //change with number you want
}
  • Unknown's avatar
    mayabarakat · Member ·

    Hello! thank you so much for your help!!

    However, this is not working!

    This is what u mean?

    .comments-title{
    font-size: 16px; //10px
    }

    Thank you!

  • Unknown's avatar
    nizamilputra · Member ·

    No, it should be like this;

    .comments-title{
  font-size: 10px;
}
  • Unknown's avatar
    mayabarakat · Member ·

    It is still not working! :(

    If you go on my website and on Quote of the week
    you can see how big “One thought on “QUOTE OF THE WEEK”” is !
    This is what I want to make smaller and closer to “Jihane says”

    Thank you again !

  • staff-happychia · Staff ·

    Please use this: 

    h2.comments-title{
  font-size: 10px;
}
  • staff-happychia · Staff ·

    Also I thought you wanted to change the retail bee* to the retail Bee* as you asked in this thread.

    Have you got a chance to try this? :-)

  • Unknown's avatar
    mayabarakat · Member ·

    Oh my god!! It worked!!!! thank you so much!!!!!!!!! :) :) :)

  • staff-happychia · Staff ·

    This is what I want to make smaller and closer to “Jihane says”

    The following CSS brings “One thought on “QUOTE OF THE WEEK” and the “Jihane says:” closer.

    .comment-list li.comment {
margin: 1em 0 0;
}
  • Unknown's avatar
    mayabarakat · Member ·

    Thank you!!! It worked as well !!
    Can i ask you one more question??

    How can I make the whole comment font size smaller.
    “Jihane says:
    26/01/2015 at 23:27
    I LOVE the blog…love the ideas, the different topics and all the funky design touch! Can’t wait to read the incoming articles, recommendations and insights!!!!Congratulations!!! This blog ROCKS!!!”

    :) thank you! you are so helpful !

  • staff-happychia · Staff ·

    Let’s try this:

    .comment-content p {
    font-size: 15px;
}
  • Unknown's avatar
    mayabarakat · Member ·

    Thank you chaitanyamsv !!!

    It worked as well !!

    Do you think its possible through CSS to define the whole comment area?

    FROM:

    “One thought on “QUOTE OF THE WEEK”

    Jihane says:
    26/01/2015 at 23:27
    I LOVE the blog…love the ideas, the different topics and all the funky design touch! Can’t wait to read the incoming articles, recommendations and insights!!!!Congratulations!!! This blog ROCKS!!!!

    Liked by 1 person

    Reply
    Leave a comment for the Bee… & sign it by just writing down your name!”

    TILL HERE

    What I’m asking is, can i add a box to include all of this?
    Or a horizontal thick line in the beginning and another one at the end?

    Im not liking this whole comment area, its floating under my posts!

    Thank you again really !!

  • staff-happychia · Staff · 
    div#comments {
    border: 1px solid gray;
    padding:  20px;
}

    How does this look like? Please feel free to try dotted or dashed in the place of solid and see if you like either of them.

  • Unknown's avatar
    mayabarakat · Member ·

    It worked as well !!
    :) :) :)

    Thank you so much! you’re a CSS genius !

  • staff-happychia · Staff ·

    I have a very long way to go to become a genius. There are far more knowledgeable people than me in this forum :-)

    The most satisfactory learning for me via your blog is to change your title to the way you wanted it. So thanks for asking it.

    Glad to be of help with whatever little CSS knowledge I have. Happy blogging.

  • The topic ‘"One thought on “QUOTE OF THE WEEK” 's font size is too big!’ is closed to new replies.