Custom Arrow Spacing Problem

  • Resolved Foster Care Parent Admin

    (@foster-care-parent-admin)


    11 years, 5 months ago

    Baden,

    As you already know, your plug-in rocks and ‘yes’ I’m definitely voting for Pedro. I also have a problem, which seems to be similar to spacing issues you’ve already answered (numerous times before), however I’ve implemented all your previous suggestions and yet it still fails which is why I’m bothering you tonight. I’ve spent over five hours trying to eek out a few pixels to the left and right of my custom arrows but the image just won’t budge. Any chance I could get your eyes to look it over and help me figure out what I’m missing?

    http://www.fostercareparent.com/?p=10854

    .collapseomatic {
    padding-right: 20px;
    padding-left: 50px;
    }

    https://ww.wp.xz.cn/plugins/jquery-collapse-o-matic/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Baden

    (@baden03)

    11 years, 5 months ago

    No worries!
    Try this:

    .collapseomatic {
   padding-left: 27px !important;
   margin-left: 5px;
}

    Let us know if that gets things working for you.

    Thread Starter Foster Care Parent Admin

    (@foster-care-parent-admin)

    11 years, 5 months ago

    Baden,

    Wow, thanks for the quick response. The margin-left: 5px; worked, however the padding-left !important had no effect. I immediately attempted the same code for the right, but there was no effect:

    I desperately tried this…

    .collapseomatic {
padding-right: 100px !important;
padding-right: 100px !important;
margin-left: 20px !important;
margin-right: 20px !important;
}

    From the above code, only the “margin-left” has an effect. At this point my arrow button has shifted to the right(which is awesome), but I need the text (located to the right of the button) to move right, off of the button. (check out the live example here: http://www.fostercareparent.com/?p=10854)

    Thread Starter Foster Care Parent Admin

    (@foster-care-parent-admin)

    11 years, 5 months ago

    Resolved… finally. 🙂

    Ok, for all those like me who have a style.css that’s a mile long and fraught with potential conflicts, here’s what worked for me:

    .collapseomatic {
margin-left: 10px !important;     /* increases space located to the left of the image*/
padding-left: 30px !important;    /* increases space located to the right of the image*/
}

    Why that didn’t work last night is a mystery. lol.

    Plugin Author Baden

    (@baden03)

    11 years, 5 months ago

    Glad you got it sussed out. Issue marked as resolved.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Custom Arrow Spacing Problem’ is closed to new replies.