Support » Theme: Adelle » Remove Zigzag lines in sidebar

  • Resolved petitebeautyblogger

    (@petitebeautyblogger)


    Hi,

    I want to remove the zigzag lines on the sidebar and replace them with my own widget separator. I Have the image saved in my media library ready to use.

    .widget {
    background-image: url(“IMAGE URL HERE”);
    }

    I used the above Css code and added my file URL for the image but it doesn’t appear to be working.
    What am I doing wrong!

    Thanks

    Reema

Viewing 15 replies - 1 through 15 (of 32 total)
  • Laxman92

    (@laxman-prajapati)

    Hello Reema,

    Use this code :
    Your image insert in this directory: “project/wp-content/themes/yourtheme/images/”

    and this css file in add this code : “project/wp-content/themes/yourtheme/style.css”

    .widget {
    background: url(“images/yourimage.png”)
    }

    problem not solved than please give your site url than i help to you

    – Laxman

    petitebeautyblogger

    (@petitebeautyblogger)

    Hi,

    Sorry I can’t locate the directory you have given me above.

    Laxman92

    (@laxman-prajapati)

    Why ?

    petitebeautyblogger

    (@petitebeautyblogger)

    Use this code :
    Your image insert in this directory: “project/wp-content/themes/yourtheme/images/”

    I don’t know where this can be found. I think I’ve misunderstood. What am I supposed to do with the above exactly?

    Laxman92

    (@laxman-prajapati)

    You are use wordpress CMS or other ?

    petitebeautyblogger

    (@petitebeautyblogger)

    I’m using wordpress.org and customising with Css.

    Laxman92

    (@laxman-prajapati)

    You are use wordpress cms than why not locate my below code

    you not fine this directort : project/wp-content/themes/yourtheme/images/ ?

    than you fine this directory : project/wp-content/themes/yourtheme ?

    find than create images new folder and insert in image

    petitebeautyblogger

    (@petitebeautyblogger)

    No I can’t find it.

    Is there another way?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Laxman is guessing the URL to your image, we don’t actually know that. You should be aware of the path to your image that you want to use here.

    petitebeautyblogger

    (@petitebeautyblogger)

    I know where my image is saved, I have the URL as below

    http://www.petitebeautyblogger.com/wp-content/uploads/2014/01/img-thing.jpg

    but when I add it so the Css code below

    .widget {
    background: url(“http://www.petitebeautyblogger.com/wp-content/uploads/2014/01/img-thing.jpg”)
    }

    It doesn’t remove the zigzag lines and replace it with the selected image.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    What is the issue specifically:

    1. You don’t know where your image is that you want to use
    2. You know where your image is but the image doesn’t display in the CSS

    Edit: Sorry I cross-posted just now

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Try this URL:

    background: url("/wp-content/uploads/2014/01/img-thing.jpg")

    petitebeautyblogger

    (@petitebeautyblogger)

    It doesn’t work. I’ve added the code to the customer Css manager plugin. Is this right?

    I have also noticed that the image appears on the widget dashboard a few times and quite randomly over the page. If that makes sense.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Let’s see the Webpage in question

    petitebeautyblogger

    (@petitebeautyblogger)

    This is my site.

    http://Www.petitebeautyblogger.com

    I want to remove the sidebar zigzag lines and replace with my own image.

Viewing 15 replies - 1 through 15 (of 32 total)
  • The topic ‘Remove Zigzag lines in sidebar’ is closed to new replies.