• Resolved janetstarkey

    (@janetstarkey)


    Hi there,
    I have a problem which is seriously bugging me now.
    I had my website made for me and all was great. The guy had used hk theme.
    He had put a contact me button in the left sidebar which was bright orange.
    I have added an auto responder now in the sidebar but it has a bright orange border around it which I can’t get rid of. This has happened with other widgets that I’ve put in the sidebar too.
    I have tried deleting the code for this contact me button hoping that it would make it ok to add other widgets normally, but no.
    Here is what it looks like:
    https://www.hypnotherapy-kent.com

    Can anyone please help? I am not brilliant with technology so please make any answers easy for me ??

    Thank you
    Janet

Viewing 12 replies - 1 through 12 (of 12 total)
  • You should reduce the width of the form to 200px and it will look great.

    Thread Starter janetstarkey

    (@janetstarkey)

    Ok, I have reduced it to 200px and yes, it does look much better but it still has the orange order all around it.
    Use the same link as above to see what I mean.
    Thank you for your response ??

    Oh, sorry, i didn’t realize at first that you want to get rid of the orange border. Would you like to completely remove it? You could add a border that has the same color as the widget above it. Check this screenshot

    That’s a background image in your CSS of one of your plugins it looks like.
    You can override it in your style sheet by adding this:

    .art-block-body {
    background: none !important;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 20px;
    padding: 15px 0;
    position: relative;
    z-index: 1;
    }

    Thread Starter janetstarkey

    (@janetstarkey)

    The screenshot you provided looks great Media X. That would be really nice if it was over the other side of the page where the call back form is. I’ve tried moving that too but it was a disaster. I put in my autoresponder code and it just showed up as code on the page.
    So how do I:
    a) change the colour of the border
    b) move the opt in box to where the call back form is?

    mlotorocks – thanks for your advice but I’m sorry, I don’t understand it. I don’t know where to go or how to do it. Thank you anyway ??

    Thank you both for your help ??

    Or to make it look more similar to the other widget (like in the screenshot)

    .art-block-body {
    position: relative;
    z-index: 1;
    padding: 15px 0;
    background: #005d83;
    border-radius: 10px;
    margin-bottom: 20px;
    }

    Basicaly, we just added the blue color instead of the image. Or you can remove it with the code provided by mlotorocks above.

    Try installing Custom CSS manager plugin and add the code posted above.

    Thread Starter janetstarkey

    (@janetstarkey)

    Yes!! Success. My border is now blue ?? Awesome stuff. Thank you!!

    Now is there a way that I can move my opt in box over to the right hand side and put it where the call back form is? I basically want to swap them, so call back box goes in the side bar and opt in box goes top right next to picture. ??

    Janet, i’m glad we helped to solve the initial issue. But now you’re asking for something a bit complicated and it’s really beyond the scope of this forum to deal with basic HTML & CSS stuff. You might consider hiring someone at https://jobs.wordpress.net/

    Thread Starter janetstarkey

    (@janetstarkey)

    Ok, no problem. I’m just thankful you helped me get the border issue sorted. You never know unless you ask eh?
    Thanks for all your help ??

    No problem. Please, mark this topic as resolved.

    Thread Starter janetstarkey

    (@janetstarkey)

    Will do, thank you again ??

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Colour of removed widget still there under new widget’ is closed to new replies.