adding links to footer text/ovation theme

• 

  ittragogo · Member · Jun 23, 2017 at 3:36 pm

  • Copy link
  • Add topic to favorites

  Hi!
  I managed to insert text into the footer area. But now i need to link the text as well.. How to do that? I’m using the Ovation Theme.

  Thanks in advance for helping!
  ittragogo.com

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

• 

  21royalstreet · Member · Jun 23, 2017 at 6:25 pm

  • Copy link

  Hey ittragogo!

  I’ve add the modlook tag so that a moderator can help you out.

• 

  thesacredpath · Member · Jun 23, 2017 at 6:55 pm

  • Copy link

  Hi there, CSS cannot be used to add HTML links to text, it is only a styling document used by the browsers to position and style the elements of the web page. My only suggestion would be to add those menu items to the Social Menu that would appear at the bottom of the site. We could then use CSS to hide the icons that would appear and insert the words with CSS. You would add those to a social menu as “Custom Links”. If you want to do that and let me know when you have, I would be happy to help with the CSS to put works there instead of icons.

• 

  ittragogo · Member · Jun 23, 2017 at 7:56 pm

  • Copy link

  thanks 21royalstreet!

• 

  ittragogo · Member · Jun 23, 2017 at 8:02 pm

  • Copy link

  hi Sacredpath,
  I created a custom menu in the social area. Like you said I need to change the icons into text, and don’t know how.

  Also; is there a possibility to have the WP logo, © text and the menu on the same line? The footer’s height is getting gigantic now.

  Thanks in advance!

• 

  ittragogo · Member · Jun 23, 2017 at 8:07 pm

  • Copy link

  hello! After i placed the social menu, there is another thing happening now: it’s both visible at the top, above the main menu, and in the footer area.

  I would like to remove the social menu from the top

• 

  thesacredpath · Member · Jun 23, 2017 at 10:57 pm

  • Copy link

  Hi, this removes the social from the top and makes the changes to the footer, and also tightens up the spacing on things. See what you think with this for a beginning. You can edit the labels I put into the content declarations for each. I just pulled what I saw in the HTML links you put in.

  .site-header .social-navigation {
  	display: none;
  }
  #footer #menu-footer-menu {
  	display: none;
  }
  #footer .menu-item-1090 a:before {
  	content: "Home";
  }
  #footer .menu-item-1091 a:before {
  	content: "Contact";
  }
  #footer .menu-item-1087 a:before {
  	content: "Press";
  }
  #footer .menu-item-1089 a:before {
  	content: "COLOPHON ITTR à GOGO";
  }
  #footer .menu-item-1088 a:before {
  	content: "Terms and Conditions";
  }
  .credits {
  	margin-top: .5em;
  	margin-bottom: .5em;
  }

• 

  ittragogo · Member · Jun 24, 2017 at 11:05 pm

  • Copy link

  Yes, Thanks! that looks good!

  Now I would like to change the typeface into the h6 of the ovation team; the same I used for the top menu.

  Also i’m not able to align the space evenly between the words and | Could you help me with that as well (if possible?)

  and (the last thing)

  My ©text below left of the footer area looks a bit lost in that space , tucked away in the corner. I managed only to change the size. But is it possible to place this text in line with the social navigation texts, but without a link and with more space inbetween?

  Ok sorry that’s a lot..I tried to figure it out for myself but everything becomes quite messy….
  Ittragogo

• 

  ittragogo · Member · Jun 24, 2017 at 11:19 pm

  • Copy link

  Hi sacredpath,
  I just checked my site on an IPad and phone; the social media icons haven’t changed into texts….what to do?

• 

  thesacredpath · Member · Jun 26, 2017 at 7:03 pm

  • Copy link

  Hmmm, looking into the icons. On my phone the bottom menu doesn’t even show up.

• 

  ittragogo · Member · Jul 4, 2017 at 6:24 pm

  • Copy link

  that’s strange!

  Could you help me in the meantime with changing the typeface in the footer area into the h6 of the ovation team; the same I used for the top menu?
  Thanks!!

• 

  thesacredpath · Member · Jul 5, 2017 at 1:16 am

  • Copy link

  This changes the social menu we’ve modified at the bottom to the same font as your main top navigation.

  #footer a:before {
    font-family: "Karla",sans-serif !important;
  }

  On your site footer credits, we can put that to the right of the “W” logo by modifying your CSS rule you used to add that to look like this.

  .site-footer .credits:after {
   content:"ITTR à GOGO©2017";
    margin-left: 10px;
  }