Futura CSS

• 

  aworkinghand · Member · Mar 12, 2017 at 3:31 pm

  • Copy link
  • Add topic to favorites

  Hello I want all text on website to be in Futura – and have choice of its size.

  At the moment by menu options aren’t in futura and the font in ‘about’ section is in capitals. Does any one know css for this?

  Also I would like the menu drop down background to be white, and not grey when it drops down, is this possible?

  Is it also possible to change the size of the drop down menu and alignment of the text?

  Thanks

  R

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

• 

  thesacredpath · Member · Mar 13, 2017 at 6:53 pm

  • Copy link

  Hi there, the menu font will use the font set as the Base Font at Customize > Fonts. We can override that though with the following, which should change all the fonts to Futura.

  .wf-active body {
    font-family: "futura-pt-1","futura-pt-2",sans-serif;
  }
  .main-navigation a {
    font-size: 120%;
    font-weight: 100;
  }

  I included font-size and weight declarations for the menu in case you wish to change those.

  All heading elements (h1, h2, etc.) are set to be all caps. We can reverse that with the following. I’ve targeted only the heading elements in the post/page content, not any of the page or post titles.

  .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    text-transform: none;
  }

  If you wish to change all heading elements everywhere away from all caps, add the following instead.

  h1, h2, h3, h4, h5, h6 {
    text-transform: none !important;
  }

  For the menu background-color, add the following to make it all white.

  .sidebar {
    background: #fff !important;
  }

  To add the above, go to Customize > CSS, delete all the informational text in that window, and paste in the custom CSS I’ve given.

• 

  aworkinghand · Member · Mar 15, 2017 at 12:28 pm

  • Copy link

  Thank you so much – this is v helpful!

  Could you tell me how to change the menu options – so at the moment “home” and “about” just to black?
  At the moment they come up a bluey/green?

  I would also like to get rid of the grey lines under ‘menu’ ‘home’ and ‘about.
  Is this possible?

  Also can that text be centred? as opposed to aligned to the left?

  Thanks!

  R

• 

  aworkinghand · Member · Mar 15, 2017 at 12:34 pm

  • Copy link

  I would also like to get rid of all grey lines if possible!
  Like the one that is below the title ‘a working hand’

  Thanks!

  R

• 

  thesacredpath · Member · Mar 15, 2017 at 7:15 pm

  • Copy link

  Hi, I’m pretty sure this catches everything you asked about above. Let me know if I missed something.

  .main-navigation a {
  	color: #000;
  }
  .main-navigation li, .main-navigation ul, .site-footer, .site-header, .sidebar-toggle {
  	border: none;
  }
  .main-navigation a, .menu-title {
  	text-align: center;
  }