Tagged: colour sections
Hi there,
I’m working on a site where I’m using the One Page Portfolio Demo. I’ve changed most of the items and I was wondering how I can make the effect of having the strip on the right hand side as seen here: https://www.dropbox.com/s/42fvvm8enomt1zs/Screenshot%202017-01-11%2016.44.01.png?dl=0
Since the Demo is divided into colour sections – I’ve added the strip as a background image in it but of course it is coming behind the content where as I require it to be above the content and touching to the right hand side of the screen.
Any suggestions on how to go about this please?
Info for access in the private content.
Thanks and Regards!
Hey Matthew,
I think it’s possible if you use an image element and not use the image as background. You can try using an image, then turn on Custom CSS Classes (you can find the information here: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) then add a class on that image element. Then go to Quick CSS (located in Enfold > General Styling) and add some css for example:
.classname_here {
position: absolute;
right: 0;
top: 0;
}
You will probably need to change the values a bit. Hope this idea helps :)
Best regards,
Nikko
Hi Nikko,
Thank you very much for your help. I managed to sort it out by using the colour sections and then adding empty columns on the right hand side so everything will remain aligned accordingly. If I see it won’t work in the near future, I will apply your solution and will see what will happen :)
Thank you for your time, thus thread can be closed.
Hi,
You’re welcome. Thanks for using Enfold :)
Best regards,
Nikko