Icon reposition in spoiler

[merat]

Default position is left – I want those icons on the right side of the spoiler in this site (pass to enter: merat).
In Firebug it works if I do like this:
`.su-spoiler-style-default > .su-spoiler-title {
padding-left: 27px;
padding-right: 27px;
}

.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {
right: 0;
}

.su-spoiler-icon {
display: block;
font-family: FontAwesome;
font-size: 14px;
font-style: normal;
font-weight: normal;
height: 20px;
right: 7px;
line-height: 21px;
position: absolute;
text-align: center;
top: 7px;
width: 20px;
}`
But when I place this code in my Custom CSS, nothing happens – icons stay on the left.
What am I doing wrong? This is probably not the right way to reposition those icons?
Appreciate any help on this.

BR

[magicspon]

I can’t really see what you are trying to do here, it’s a little hard to understand, a screenshot might be useful. Anyway, if you are overwriting a style which currently has specified left value, you will probably need to overwrite this, try adding left: auto;

just a thought!

[merat]

Hi magicspon,

On the same site I added a picture of what I want to do – it is under the spoilers.

BR

[merat]

Hi,

I managed to do it with this code:
.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {
left: 675px !important;
}
Not sure if this is correct, but it works.

BR

[Author]

Posts