animated gif and text issues

• 

  htiireland · Member · Jul 12, 2014 at 4:37 pm

  • Copy link
  • Add topic to favorites

  How to remove the transparency box that appears around animated gifs?

  is this possible? if not can you change the thin frame to perhaps a design of some sort or will the transparency box simply reappear ?

  How to create a h3 ?

  How to centre h1 h2 h3?

  how do you change the font of the menu bar?

  Any feedback would be greatly appreciated
  I have the custom upgrade

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

• 

  lizthefair · Member · Jul 13, 2014 at 12:34 am

  • Copy link

  remove the box around the header image gif:

  img.header-image{
       box-shadow: none;
  }

  I’m not sure what you mean about the headers. They are already built into the theme, so when you create your posts or pages, just highlight the text you want to designate as a header and use the dropdown menu in your tool bar (it says paragraph by default) to choose the header you want. Headers can be centered on a post by post basis the same way you center other text.

  If instead you mean you want to change the defaults for the headers, the basic format is:

  h1{
       font-family: Arial;
       font-size: 15px;
       color: green;
  }

  I just made some random choices there, if you know specifically how you want the different headers to look, let me know and I’ll provide more specific examples.

  To change the font of the menu bar:

  .main-navigation li{
       font-family: Impact;
       font-size: 2rem;
  }

  Again, I made some random choices here just to show you how to change things. You should be able to futz with it from here–if not, let me know specifically what you want it to look like and I’ll see what I can do to give you more directed guidance.

• 

  htiireland · Member · Jul 19, 2014 at 4:04 am

  • Copy link

  That coding was great thank you, I cant find the code to centre the navigation bar. ive tried text aligning codes aswell as floating etc codes from the support forums but no joy :-(

• 

  staff-lakelou · Member · Jul 19, 2014 at 4:25 am

  • Copy link

  Center the navigation bar:

  Add text-align:center; to the end of this line:
  .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul, .main-navigation li ul li a { border-color: #000;text-align:center;}
  In css id ‘custom-colors-css’ of your header: <style type="text/css" id="custom-colors-css">

• 

  lizthefair · Member · Jul 19, 2014 at 4:59 pm

  • Copy link

  @sugardazzle is right about the text-align property. Here’s how you’d add it to your css file:

  .main-navigation ul.nav-menu{
  	text-align: center;
  }