Blog Buttons

  • Author
    Posts
  • #955924

    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 simplicityofserendipity.com.

    #956074

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

    #956079

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

    #956119

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

    #956166

    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?

    #956171

    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;
    }
    #956197

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

    #956198

    CSS.

    #956210

    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.

    #956219

    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;
    }
    #956221

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

    #956224

    You are welcome.

The topic ‘Blog Buttons’ is closed to new replies.