Author Topic: Change Font Size  (Read 649 times)

0 Members and 0 Guests are viewing this topic.

Offline JEV

  • Newbie
  • *
  • Posts: 25
  • Karma: 1
    • View Profile
Change Font Size
« on: April 20, 2013, 08:23:31 pm »
I'm sorry if this is in the wrong section, but it seems like the "Style Support" section doesn't have many views and I would like to fix this ASAP, but I understand if the topic has to be moved.


I read the sticky topics over at the sytle support section, but still can't get around this. How can I decrease the font size of the title and description of the sections?


I have gone over the CSS of the style (light blue) and can't find anything to change this. Can anyone please help?
This is how it looks like and what I want to change is circled in red.





Thank you.

Share on Facebook Share on Twitter


Offline aIURbliS

  • Hero Member
  • *****
  • Posts: 1215
  • Karma: 45
  • Gender: Male
  • Location: U.S.
    • View Profile
Re: Change Font Size
« Reply #1 on: April 20, 2013, 09:52:04 pm »
So you read the stickied topics, do you know the element to modify yet?
All codes I make are tested on the latest version of Google Chrome and upon request of other browsers.

Offline JEV

  • Newbie
  • *
  • Posts: 25
  • Karma: 1
    • View Profile
Re: Change Font Size
« Reply #2 on: April 21, 2013, 05:29:36 pm »
I did, I just can't understand how that relates to the CSS and the parts I need to change. This is what I get:


"About the Forums": <a class="subject" href="http://bjlforums.createaforum.com/about-the-forums/" name="b2">About the Forums</a>


"Check out the latest news about the forums": <p>Check out the latest news about the forums.</p>


And I don't know what I have to do to change the font size.
« Last Edit: April 21, 2013, 05:32:57 pm by JEV »

Offline aIURbliS

  • Hero Member
  • *****
  • Posts: 1215
  • Karma: 45
  • Gender: Male
  • Location: U.S.
    • View Profile
Re: Change Font Size
« Reply #3 on: April 21, 2013, 07:55:01 pm »
Pretty close, you narrowed it down but that still isn't the element. Here's where you look for the element:

Also this entirely relates to CSS because you don't want to be changing the font for everything, but instead you want to change the font for one specific thing. So the element is "a.subject", now you need to change the font size. Looking on the right hand side of the Developer Console, the font-size is set to 110% so this is how you decrease it:
Code: [Select]
a.subject {
    font-size:100%
}
« Last Edit: April 21, 2013, 07:58:50 pm by xboi209 »
All codes I make are tested on the latest version of Google Chrome and upon request of other browsers.

Offline JEV

  • Newbie
  • *
  • Posts: 25
  • Karma: 1
    • View Profile
Re: Change Font Size
« Reply #4 on: April 21, 2013, 10:59:57 pm »
Oh, I see. That's exactly it, now I was able to change it. Thank you so much! :)

 

Related Topics

  Subject / Started by Replies Last post
6 Replies
1043 Views
Last post April 14, 2012, 06:32:00 pm
by conductor
32 Replies
5145 Views
Last post February 06, 2013, 04:08:54 pm
by TAILS
4 Replies
395 Views
Last post March 19, 2013, 07:59:39 pm
by aIURbliS
0 Replies
226 Views
Last post May 29, 2014, 04:41:12 am
by Richfie21
5 Replies
420 Views
Last post March 01, 2019, 01:23:20 am
by BlackDiamond