Tagged: comments
-
AuthorPosts
-
January 11, 2014 at 9:35 am #208367January 11, 2014 at 9:52 am #208369
As well as the font size of the body text and titles of widgets please.
January 11, 2014 at 9:58 am #208371never mind the widgets I figured that out. Still can’t figure out the comments font sizes though.
January 11, 2014 at 7:46 pm #208444Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.minitext { font-size: 16px; }
Cheers!
YigitJanuary 12, 2014 at 3:44 am #208538Thanks Yigit but..
That only changed : “Want to join the discussion?
Feel free to contribute!”This : “Jonny Freesh: You are commenting using your Jonny Freesh account.
Notify me of follow-up comments via email.
Notify me of new posts via email.”And the actual size of the font in the comment box and the comments once they are posted did not change. How can I change those?
January 12, 2014 at 4:58 am #208549Hi!
You can add following code to Quick CSS as well to incrase the font size of comment and label sections
#top .comment_text { font-size: 18px; } #top label { font-size: 20px; }
Cheers!
YigitJanuary 12, 2014 at 5:14 am #208565Thanks Yigit. That worked for the comments text but not for these texts :
“Jonny Freesh: You are commenting using your Jonny Freesh account.
Notify me of follow-up comments via email.
Notify me of new posts via email.”January 12, 2014 at 5:19 am #208570Hey!
Do you mind creating a temporary admin login and post it here privately? Without logging in, we are not able to see the text
Regards,
YigitJanuary 12, 2014 at 5:23 am #208572It only shows up when you click the comments box as you would if you wanted to make a comment. It is visible to non admins once you do so.
January 12, 2014 at 5:27 am #208577Hi!
Did not notice that you were using a 3rd party plugin, please try following code
#respond form * { font-size: 16px; }
Best regards,
YigitJanuary 12, 2014 at 5:59 am #208596Hi Yigit,
That didn’t work for Jetpack Comments, the 3rd party plugin I’m using. It did work when I disabled jetpack though. Any other code I can try?
Also, what code changes the size of the “reply” and “cancel reply” (the really small ones) texts as pictured in this image.
https://www.dropbox.com/s/qvkb7wwqpxj0zjj/Screen%20Shot%202014-01-12%20at%2012.05.43%20PM.png
Thanks
Jonny
January 13, 2014 at 12:56 am #208742I’ve tried using some different facebook comment plugins and the same problem persists. Here is new example.
https://www.dropbox.com/s/pntw3mtbla5c6oy/Screen%20Shot%202014-01-13%20at%207.02.49%20AM.png
Thanks in Advance
Jonny
January 13, 2014 at 3:17 am #208772Hey!
Please add following code to Quick CSS
.fbFeedbackPost .postText, .fbFeedbackContent .profileName, a.uiLinkSubtle, .fsm, .uiLinkButton input { font-size: 16px; }
and adjust as needed
Best regards,
YigitJanuary 13, 2014 at 3:35 am #208782didn’t work.
January 13, 2014 at 3:48 am #208783Hey!
Please try adding !important to force it as following
.fbFeedbackPost .postText, .fbFeedbackContent .profileName, a.uiLinkSubtle, .fsm, .uiLinkButton input { font-size: 16px!important; }
and please try adding the code to bottom of Style.css file of your child theme
Best regards,
YigitJanuary 13, 2014 at 4:47 am #208793Still not working. I tried it in the quick css and styles.css
I thought that maybe these styles were interfering so i took them out and tested, but still not working.
#top .comment_text { font-size: 28px; }
#top label { font-size: 30px; }What else you got?
Thanks
Jonny
January 13, 2014 at 9:34 am #208842Hey!
Can you please give us a link to the actual page with the comment section? Post the login details here as a private reply.
Best regards,
IsmaelJanuary 13, 2014 at 9:54 am #208858This reply has been marked as private.January 14, 2014 at 1:03 am #209250Hi!
It seems like plugin is getting the styles from Facebook and they cannot be overwritten. Lastly, can you try adding the code to Custom.css file in Enfold/css folder of your parent theme?
Best regards,
YigitJanuary 14, 2014 at 4:39 am #209289Tried it, didn’t work. Found some other sites using the plugin and seemed like their text was also super small. Seems like a big oversight by facebook as the comments are very difficult to read. Anyways, thanks so much for taking a close look.
I’ve decided to go with Jetpack Comments as it has facebook login (no facbook notifications for replies as far as I can tell though – am I wrong about this?) and the code you gave me earlier for the comment font size works :)
However, the code you gave me for the “notify me of follow up comments by email”
#top label { font-size: 20px; }
doesn’t work for jetpack – though it does work for the built in comments. Any other codes I could try?
Thanks
Jonny
January 14, 2014 at 4:47 am #209295Hey!
Please try following code Jonny
#respond p.comment-subscription-form label { font-size: 16px !important; }
Regards,
YigitJanuary 14, 2014 at 5:12 am #209308didn’t work. I did some research and it seems like jetpack doesn’t respond to css because it is contained inside an iframe ( i say that like I understand what it means lol).
I think it will be okay with that font small anyways.
Thanks for the help Yigit
Jonny
January 14, 2014 at 5:15 am #209310Hey!
:D if you are interested please see http://www.w3schools.com/tags/tag_iframe.asp
You are welcome! I am marking this thread as resolved Jonny, let us know if you have any other questions or issuesBest regards,
Yigit -
AuthorPosts
- The topic ‘Font Size of Comments’ is closed to new replies.