Support » Plugins » Looking for a plugin to customize my sidebar

  • Resolved dmahsiri


    I am using pagelines theme, and I would like to add borders to the widgets in the sidebar.
    Widgets seems to be mixed together, Is there a plugin I can use to add borders to my widgets?
    This is my website :site

Viewing 15 replies - 1 through 15 (of 21 total)
  • Hi Dmahsiri

    You can do this easily using a Child Theme, no need for a plug-in! Here’s a mock-up I did in 2 minutes:

    Notice the black lines around your widgets. Is that the look you’re going for? If so, I’ll tell you how to do this.

    Hi Odai Athamneh,
    Sorry for the delay, I was busy the last 2 days.
    I viewed the mock-up, not bad, but I was looking for something more professional.
    I would like to add a colored background to the widget’s title.
    Here is an example :
    but using pink instead of green, can you help me do that?

    I looked at Fawayed, but are you talking about the widgets across the top, or the sidebar on the right?

    We’ll figure out the exact look later. For now, you need to create a Child Theme for your site.

    Below, I copy-and-pasted my instructions from another question. Follow these instructions to create a Child Theme:

    Go into your server’s file system where you installed WordPress, and find a folder called “wp-content”. In there, find the “themes” folder.

    Create a new folder called “twentytwelvechild” and enter it. Now, we’re going to create a file called style.css

    Open up a text editor and paste in the following code:

    Theme Name:     Twenty Twelve Child
    Description:    Child theme for the Twenty Twelve theme
    Template:       twentytwelve
    Version:        0.1.0
    @import url("../twentytwelve/style.css");

    Now save that as “style.css” and upload it your “twentytwelvechild” folder. Congratulations! You have a Child Theme.

    I am sorry, but I didn’t find the “wp content” ,where should it be?
    I think this is complicated.
    Is there an easier way?

    Your wp-content folder should already be inside your public_html folder, and you will need to place your new twentytwelvechild folder inside your themes folder that is already inside the wp-content folder like Odai has described…and no, that is as easy as it gets.

    Well, there is the One-Click Child Theme, but I haven’t tested it, so I can’t promise it works.

    I know this stuff is complex, but you built that whole site already, right? You’re a capable person, you can do it! (Of course, you could hire someone to make a theme for you, but I don’t think you need to)

    I did make one mistake in my last post. You don’t want to make a Child Theme of Twenty Twelve… you want to make the Child Theme of whatever theme you’re using.

    Okay, I just tested the One-Click Child Theme, it works. Use that.

    Sorry I didn’t notice that you posted a reply.
    I have been setting here for an hour looking for the wp-content folder,finally found it and created the child theme and uploaded…..
    So what is the next step?
    Let me give you an example of what I wish to do:
    As you may noticed, I’d like to make a pink background to my widgets’ titles, in addition to changing the main menu from blue to pink.
    will you pls help me in that?

    I have just renamed the child theme according to my theme ” Pagelines”.

    Ah! Thanks for that example picture, I had something totally different in mind!

    Now that you have your Child Theme, you’re going to add custom CSS code to the style.css file in that Child Theme.

    I’ll give you the code you need in a few minutes… I have to go write it! 😛

    Okay, this isn’t perfect code yet, but here’s something basic to start:

    .widget-title {
    color: rgba(0,0,0,0.7);
    text-align: left;
    padding: 3px 8px 3px 0px;
    margin-bottom: .6em;
    background-color: #EE6AA7;

    In your Child Theme’s style.css file, you need to paste this code at the end of it. There’s an editor in WordPress to do this, in the Appearance sub-menu, called “Editor”.

    I had trouble figuring out the right color (that #EE6AA7 thing controls the color). This page has more color options, you should try different colors until you find one you like.

    We can still make it look better – that’s just something to get you started.

    ic , but I have another problem to fix first, the child theme is for twentytwelve, while I am using paglines theme, I tried reaname it, but it is still named after twentytwelve in the wp editor, is that a problem?

    Could you copy the code from your Child Theme’s style.css file, and paste it here?

    MAKE SURE to use the Code tag (there’s a button above the post writing area that does it for you), which is a backtick before and after the code. Otherwise, your post won’t show up correctly.

    It could be that it’s just named Twenty Twelve, which isn’t a problem, but it could be loading the wrong theme as well. It depends.

    Theme Name:     Twenty Twelve Child
    Description:    Child theme for the Twenty Twelve theme
    Template:       twentytwelve
    Version:        0.1.0
    @import url("../twentytwelve/style.css");

    Oops, please pardon me.

Viewing 15 replies - 1 through 15 (of 21 total)
  • The topic ‘Looking for a plugin to customize my sidebar’ is closed to new replies.