Customizing Sidebar {Removing "Scribbles" & Changing Headers}

  • stellaminded · Member ·

    Could you tell me how I can remove the “scribbles” on my sidebar? Currently there are eight (8) of them, the first one being directly under my social media icons.
    Next, how do I customize those titles {Meet Stella, Categories, etc)?
    Finally, how do I change the color of the background of the sidebar? Seems like no matter what color scheme I use, it’s always the same color gray.

    Thank you so much!

    Stephanie

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

  • justpi · Member ·

    Could you tell me how I can remove the “scribbles” on my sidebar?

    They are a background image that serves as a bottom border to each widget. To remove them, add this: 

    .widget {
    background-image: none;
}

    how do I customize those titles {Meet Stella, Categories, etc)?

    What exactly would you like to change?

    how do I change the color of the background of the sidebar?

    Add this and replace 456789 with the hex for the color you prefer: 

    .site-main .widget-area {
    background-color: #456789;
}
  • stellaminded · Member ·

    That worked–thank you so much! And thank you for replying so quickly. What I meant by customizing the titles was, how do I change the font (ie, color, size), or even replace it with a customized digital title with a graphic there, instead of how it currently appears?
    One more question, and I promise I’ll stay out of your hair–my theme (Adelle) came with the social media icons that are currently on there right now (FB, Twitter and Pinterest), but I also have Instagram and I don’t believe that icon is available in the matching set of these. That likely means I would have to either find or search for other icons (which is of course fine), so how would I go about either adding an icon for Instagram, or replacing those current ones with new icons, so I could add a forth one for Instagram so they all match?

    Thank you so much.

    Stephanie

  • justpi · Member ·

    You’re welcome.

    To change the color and the size of the widget titles, add this and change the values: 

    .widget-title, #secondary .widget-title a, .widgettitle {
color: #456789;
font-size: 1.6rem;
}

    To replace these titles with images, you must first upload each image to your blog via Media > Add New, click Edit and copy the URL from the “File URL” field of the Save module. Once you give us such an URL we can show you how to insert the image in place of the title.

    As for the social icons, you can delete the URLs from the Theme Options and add your own set of icons in a Text widget. For the basic coding see this post of mine:

    Codes useful for text widgets

  • The topic ‘Customizing Sidebar {Removing "Scribbles" & Changing Headers}’ is closed to new replies.