Blog Buttons

• 

  brittanykapps · Member · Jul 22, 2012 at 10:30 pm

  • Copy link
  • Add topic to favorites

  How do I add links to my buttons under “Let’s Connect”? I tried doing this is the widget I put the buttons, but it’s not working

  The website I’m working with is simplicityofserendipity.com

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

• 

  thesacredpath · Member · Jul 22, 2012 at 11:51 pm

  • Copy link

  You have to “link” those buttons. This support page tells the easiest way to create links in text widgets.

• 

  brittanykapps · Member · Jul 23, 2012 at 12:02 am

  • Copy link

  It won’t let me switch to html. Is there another way?

• 

  thesacredpath · Member · Jul 23, 2012 at 12:59 am

  • Copy link

  The tab is now called “text”. Is there a “text” tab there?

• 

  brittanykapps · Member · Jul 23, 2012 at 1:37 am

  • Copy link

  Thanks! I figured it out. One more question — If I wanted to replace the generic “Let’s Connect” on the side with a banner I made that says “Let’s Connect”, how would I do that?

• 

  thesacredpath · Member · Jul 23, 2012 at 1:50 am

  • Copy link

  First edit the widget title and change the title to a single non-breaking space by putting the following into the title field.

   

  You will want an image that is about 235px in width maximum and then whatever height you want. You will then replace URL OF IMAGE in the following background declaration (between the double quote marks) with the URL of that uploaded image. Then adjust the height value to the height of your image.

  #text-5 .widget-title {
  background: url("URL OF IMAGE") no-repeat scroll 0 0 transparent;
  height: 50px;
  }

• 

  brittanykapps · Member · Jul 23, 2012 at 3:25 am

  • Copy link

  Would I put that second code in the widget text box or css?

• 

  thesacredpath · Member · Jul 23, 2012 at 3:27 am

  • Copy link

  CSS.

• 

  brittanykapps · Member · Jul 23, 2012 at 4:17 am

  • Copy link

  Thanks! I figured out how to change Let’s Connect, but how do I change the rest of them? Sorry! I am terrible at all of this.

• 

  thesacredpath · Member · Jul 23, 2012 at 5:00 am

  • Copy link

  Each widget will have to be done individually and then any changes will require another trip to the CSS to specifically target that individual widget.

  You can look in the source code (view source in your browser) and find the sidebar stuff and then they will be in order in that section

  top to bottom (right above the “let’s connect”)

  #text-4 .widget-title {
  background: url("URL OF IMAGE") no-repeat scroll 0 0 transparent;
  height: 50px;
  }
  
  #blog_subscription-5 .widget-title {
  background: url("URL OF IMAGE") no-repeat scroll 0 0 transparent;
  height: 50px;
  }
  
  #archives-5 .widget-title {
  background: url("URL OF IMAGE") no-repeat scroll 0 0 transparent;
  height: 50px;
  }
  
  #search-4 .widget-title {
  background: url("URL OF IMAGE") no-repeat scroll 0 0 transparent;
  height: 50px;
  }

• 

  brittanykapps · Member · Jul 23, 2012 at 5:08 am

  • Copy link

  Thank you so much for taking the time and helping me!

• 

  thesacredpath · Member · Jul 23, 2012 at 5:19 am

  • Copy link

  You are welcome.