How to increase site title font size?

(8 posts) (3 voices)

1. 

   vpadiyar
   Member

   Hi folks

   Trying to upgrade from inFocus 1.6 to inFocus 2.3. Having some issues. Will raise separate topics for each issue.

   Firstly, I am trying to increase the font size of my website title. However I am unable to do so.

   I tried increasing the font-size parameter value in the below line of code in style.css:

   .logo{left:0;position:absolute;top:26px;display:block;font-size:32px;}

   However it did not work.

   Can you please let me know how I can increase my website title font size to 38?

   FYI, my inFocus 2.3 site is available at http://www.vijaypadiyar.in/cms. I want to make the title same as in my current site running inFocus 1.6 which is at http://www.vijaypadiyar.in.

   Thanks

   Vijay

   Posted 6 months ago #
2. 

   vpadiyar
   Member

   Also, I see that site title attributes are controlled by site_title class. But I don't see this class defined in any CSS files in inFocus 2.3. By contrast, the site_name class which controlled site title attributes in inFocus 1.6 is present and defined in style.css.

   Posted 6 months ago #
3. 

   Elliott
   Support

   Hello vpadiyar,

   Navigate to Dashboard -> your theme -> General Settings -> Custom CSS and add this line,

   .logo { font-size: 38px !important; }

   Let us know if that works for you.

   Posted 6 months ago #
4. 

   vpadiyar
   Member

   Hi Elliott

   Thanks, I was able to get it to work by changing the font size of title element in General Typography section, using the inFocus skin editor.

   Now I am interested to know how to reduce the size of post title font in inFocus Popular Posts sidebar widget. Can you please help me with that?

   Regards

   Vijay

   Posted 6 months ago #
5. 

   Ruderic
   Support

   Hi,

   You can modify the font size of the sidebar titles by pasting this code in the "Custom CSS" field of the theme options panel:

   #sidebar .widgettitle {
     font-size: 20px;
   }

   Try it and let us know the results.

   Posted 6 months ago #
6. 

   vpadiyar
   Member

   Looks like this is modifying the widget title. I want to modify the post titles of each of the posts shown in the Popular Posts widget. See attached image for what I mean.

   

   Attachments

   1. popular-posts.PNG (31.4 KB, 0 downloads) 6 months old

   Posted 6 months ago #
7. 

   Ruderic
   Support

   Hi,

   In that case, you can apply this CSS tweak:

   .small_post_list .post_title a {
     font-size: 12px;
   }

   Adjust that value, depending on your needs, and let us know the result.

   Posted 6 months ago #
8. 

   vpadiyar
   Member

   Thanks, that worked. Fixed it in style.css itself. The same line of code was there with font-size as 15 px.

   Posted 6 months ago #

RSS feed for this topic

Reply

You must log in to post.