make font bigger on homepage

• 

  egarell · Member · Jan 5, 2016 at 5:11 am

  • Copy link
  • Add topic to favorites

  Good evening. I have added a menu to the bottom of my home page but don’t like the size of the font. Can you help me? Thanks.

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

• 

  thesacredpath · Member · Jan 5, 2016 at 7:20 am

  • Copy link

  Are you talking about the menu items that appear after you click on the menu icon (three bars)? If so, the following CSS will allow you to adjust that font size.

  #slide-nav #main-nav li a {
  font-size: 100%;
  }

• 

  egarell · Member · Jan 5, 2016 at 2:55 pm

  • Copy link

  That’s useful too! But I was actually referring to the two menu items at the very bottom of the home page ARTIST BIO and ARTIST STATEMENT. Can we center these on the page as well.

• 

  balanc3d · Member · Jan 5, 2016 at 5:08 pm

  • Copy link

  Hey there,
  To make the font sizes bigger on the footer you could do this:

  .widget-box a {
      font-size: 22px !important;
  }

  Also on centering the text: I’m personally not 100% sure because it can be hard to tell without having the theme installed on my end, but it looks like that theme is using 3 different widget areas or boxes for the footer, so if you wanted to center the text in this case, the easiest way would be to put the text in the second/middle widget area, otherwise it will take a good amount of restructuring of the code to get the text centered.

  If there’s only one visible footer widget area that you can see, you could try putting a the menu in between two blank text widget boxes so it would be like this:
  [text box widget] [menu widget box] [text box widget]

  Hope this helps!

• 

  balanc3d · Member · Jan 5, 2016 at 5:10 pm

  • Copy link

  Actually, better yet for the footer text size, I’d do:

  .footer-box{
  font-size: 22px;
  }

• 

  egarell · Member · Jan 5, 2016 at 5:37 pm

  • Copy link

  Good morning, and hello again, Balanc3d. Since you are helping me with this . . . and you helped me yesterday . . . is it possible to put these two menu items ON TOP of the brown and white larger image, with the translucent boxes & black font, like we did for the top part of the home page??????

• 

  balanc3d · Member · Jan 5, 2016 at 5:54 pm

  • Copy link

  Without purchasing and installing the theme myself, that’s something I’m not really sure on how to tell you exactly how to do it (since that’s not solely a matter of custom CSS but rather how the theme is set up), but it does look like you can do something similar with that based on their theme demo here.

  There is a support forum specifically for your theme that I found here that can offer additional theme-specific support: https://premium-themes.forums.wordpress.com/forum/port

  Also, if you haven’t already, this page might be able to show you how to get the text there:
  https://themetrust.com/knowledgebase/getting-started-with-port/

  From what I can tell, it looks like that section is set up to display from a featured page – so you would first put the links on a separate page, then within the theme you could set that section to display the content within that page as the “featured page” on your homepage. Once you get the links to show up in that section, at that point they can be styled differently with CSS.

• 

  egarell · Member · Jan 5, 2016 at 6:01 pm

  • Copy link

  I see, Thanks for the explanation. Will do some research!