CouchCMS • View topic - change div's background image via cms

Problems, need help? Have a tip or advice? Post it here.

4 posts Page 1 of 1

change div's background image via cms

: asanta; Registered User

: Posts: 4; Joined: Mon Oct 26, 2015 11:34 am

by asanta » Mon Oct 26, 2015 12:08 pm

i want site owner to be able to change background-image of a div via cms. (i.e to be able to upload image as a div's background) right now my code lookes like this:
<body>
<cms:editable name='main_content'>
<div id="erti" style="background-image: url(<cms:show bg_picture />)"><a href="#ori"><span id="aqcia">ixilet aqcia</span></a></div>
</cms:editable>
</body>
</html>

all i see in admin panel is just a code inside "cms editable" tags. i dont see any options to upload image as a div's background.

Thanks

Re: change div's background image via cms

: KK; Moderator

: Posts: 8732; Joined: Wed Dec 01, 2010 5:35 pm

by KK » Mon Oct 26, 2015 1:25 pm

You'll need to define a separate type 'image' editable region for the background image.
Your revised code could now become -

Code: Select all

<div id="erti" style="background-image: url(<cms:editable name='bg_picture' type='image' />)">
    <cms:editable name='main_content'><a href="#ori"><span id="aqcia">ixilet aqcia</span></a></cms:editable>
</div>

Hope it helps.

P.S. Make sure to visit the modified template as super-admin for the changes to persist.