Twenty fourteen theme customizations

• 

  ccaloneonta · Member · Mar 25, 2015 at 1:40 am

  • Copy link
  • Add topic to favorites

  I would like to know if i can do the following
  1) Increase the size of my blog name and tagline. It currently sits in the upper left hand corner and i would like to be able to make this bigger
  2) Change the way the title of each page crops into the featured picture. I would like the page title to be displayed BELOW the featured picture instead of on top of the bottom of the picture.
  Can i do either of these via the customizable CSS functionality? If so how would i approach this?

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

• 

  rachelmcr · Member · Mar 25, 2015 at 10:22 am

  • Copy link

  Hi there,

  You can use the Custom Fonts settings to change the font and font size. In your site’s Customizer, in the Fonts section, you can choose a custom font for your site’s heading. Then, you can choose the font size you’d like for those headings.

  You can also use Custom CSS to make all sorts of style changes to your site. We have tips for getting started with CSS here:

  • CSS Basics
  • Editing CSS
  • How to Find Your Theme’s CSS

  I used the tips from that last link to find the CSS that makes the page titles overlap the featured image. It does that by adjusting the top margin on the page title, so you can change it by adding CSS to remove any top margin like this:

  .site-content .has-post-thumbnail .entry-header {
    margin-top: 0;
  }

  You can add that custom CSS into your site’s Customizer, in the CSS section there.

  If you’d like to see how other people customize their sites with CSS we also have a CSS Customization forum. It can be a great place to get ideas and help from others (including some volunteers with extensive CSS experience).

  Please let me know if you have any questions about that. :)