Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Adjusting Post Information Font

Hello,
on my mobile theme named Mobile and my primary theme named bittersweet, the post information is very small and hard to read. Here is an example.
9 views 0 comments Started by user 4:49AM General
How do i change this text so it is bolder and maybe bigger? I would also like to change this information inside the post. Here is an example.
forums.yourtechadvisors.com/discussion/3/test
Thanks for the help.

Comments

  • AdrianAdrian Wandering Spirit Montreal MVP
    edited July 2015

    Changing color of discussion meta

    div.Meta.DiscussionMeta a{
    color: #000000 !important;
    }
    
    div.Meta.DiscussionMeta {
    color: #000000 !important;
    }
    

    Change the text inside post:

     div.Item-Body div.Message{
         color: #000000 ! important;
    }
    

    Learn more about CSS for text: http://www.w3schools.com/css/css_text.asp

    I would also spend some time to learn how to use firebug :)

    https://www.youtube.com/watch?v=tdIk2PztcL0

    hgtonight
  • peregrineperegrine MVP
    edited July 2015

    Sounds like you need to learn

    1) how to clone a theme
    2) how to change the custom.css in the theme.
    3) web-developer tools

    http://vanillaforums.org/discussion/comment/219925/#Comment_219925

    question 21 in the FAQ

    http://vanillaforums.org/discussion/28420/faq-what-frequently-asked-questions/p1

    I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

  • ytadvisorsytadvisors Indiana

    Thanks to both of your answers. I have fixed my issue by finding this code in Firebug and adapting it.

    .ItemDiscussion .Meta, .DataList .Meta { color: black; font-size: 14px; } .ItemDiscussion .Meta, .DataList .Meta { color: black; font-size: 14px; } .Meta, .MItem, .MItem a { color: black; font-size: 14px; }
    I did know the basics of CSS, but i did not know how to apply styles to an item i did not know the name of.

    Thanks for showing me Firebug. My websites just got a lot better.

    AdrianR_Jhgtonightperegrine
  • AdrianAdrian Wandering Spirit Montreal MVP

    @ytadvisors glad you got it sorted :)

Sign In or Register to comment.