Blog Title and Footer Issues

• 

  tequilainateacupsite · Member · Aug 1, 2016 at 7:55 pm

  • Copy link
  • Add topic to favorites

  I am trying to start my very fist blog and could use some help with css customization. My website is tequilainateacup.com for reference.

  The things that I would like to change are that I would like to change the color of my title to black and I would like to make the title font bigger.

  For the footer, I would like to center the social media widget on the page.

  Also, on the contact page I would like to get rid of the presets that fill the various boxes i.e. the email address box, name box, and website box.

  And the final thing is how to decrease the space between the widgets on the right hand side of my site i.e. the social media icons, search bar, recent posts, etc.

  If anyone could help that would be great! I am a complete newbie and know very little about code.

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

• 

  dianakcury · Member · Aug 1, 2016 at 10:33 pm

  • Copy link

  Hi there!

  Please try adding the following CSS:

  This code will let you change the size and color of your site title, center the social link on the footer and decrease the space between the widgets on the right sidebar:

  .wf-active .site-title, .wf-active .site-title a {
      font-family: "Vladimir Script", Arial, sans-serif;
      font-size: 2.5em;
      color: #000;
  }
  
  .widget_wpcom_social_media_icons_widget ul {
      text-align: center;
  }
  
  #secondary .widget {
      padding-bottom:30px
  }

  The info on Contact form is placed by the browser, not sure if possible to remove, if so, not with CSS alone.

  I hope it helps!

• 

  tequilainateacupsite · Member · Aug 1, 2016 at 11:46 pm

  • Copy link

  Awesome thank you so much! Would you also be able to help me with decreasing the size of the footer?

  Also is there a way to change the color of the buttons on the menu underneath my title so that when you scroll over them they turn a grey rather than blue?

  Thank you!

• 

  tequilainateacupsite · Member · Aug 1, 2016 at 11:47 pm

  • Copy link

  Oh and is there a way that the social media icons on the sidebar widget are aligned to the left, while the ones in the footer are still aligned to the center?

• 

  dianakcury · Member · Aug 2, 2016 at 2:50 am

  • Copy link

  Hi again,

  Sorry for the social icons, please add the follow:

  #secondary .widget_wpcom_social_media_icons_widget ul {text-align:left}
  
  #colophon { padding: 30px 0; }
  #footer-widgets .wrap {padding-bottom:0;padding-top:0px}
  #footer-widgets {padding-top:30px}
  
  #primary-menu a:hover {color:#999}
  #secondary .widget a:hover {color:#999}

• 

  tequilainateacupsite · Member · Aug 4, 2016 at 1:43 am

  • Copy link

  Thank you so much! And the final thing is how do I change the color of the follow button on the sidebar and the color of the submit button on the contact page?

  Thank you for literally all of your help!

• 

  dianakcury · Member · Aug 4, 2016 at 2:26 pm

  • Copy link

  hi again!

  This will change the color of all buttons:

  button, input[type="button"], input[type="reset"], input[type="submit"], .featured-post, .page-links a:hover .page-links-num, .entry-audio .mejs-container, .entry-audio .mejs-container .mejs-controls, .entry-content .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-current, .bypostauthor .avatar-container:before, #infinite-handle span button, .posts-navigation .nav-previous a, .posts-navigation .nav-next a
  { background-color:#999 }

  Hope it helps :)

• 

  tequilainateacupsite · Member · Aug 5, 2016 at 3:03 pm

  • Copy link

  Thank you again!