Css Help

Store Builder in detail Store Design & Templates
#1

Hi

Need a bit of CSS help. I am trying to get the header images of the girl to float to the right side of the header.

http://elegantladybeauty.ie/newsite/by-brand/

http://elegantladybeauty.ie/newsite/checkout/

http://elegantladybeauty.ie/newsite/by-brand/glamglow-en/glamglow-brightmud-eye-treatment/

They are three separate images as the template I am using allows for this.

I just can't figure out the code.

Alan

#2

If I understood you correctly, please add the following rules to the CSS section of the Theme editor:

.ty-helper-container .tygh-header {
    background-position: right;
    background-repeat: no-repeat;
}

http://prntscr.com/b5j4bm

#3

If I understood you correctly, please add the following rules to the CSS section of the Theme editor:

.ty-helper-container .tygh-header {
    background-position: right;
    background-repeat: no-repeat;
}

http://prntscr.com/b5j4bm

Thank you eComLabs, Worked a treat. Once again you are a star.

I did just have to add to it a little

.ty-helper-container .tygh-header {
background-position: right !important;
background-repeat: no-repeat !important;
}

Just wouldn't work unless I added !important to the rules.

Whats also strange is that the image gets a bit larger when moved right, but I can work with this.

Thanks again

Alan

#4

You are welcome! :)