Forums

Question on floating area

Permalink 1 user found helpful
Hey all, relatively new to C5 and so far I'm loving it. I have a quick question. We have installed an SSL cert on the site I'm working on. I know I can use the HTML block to paste the html code for the site seal into, but that places it in a static area at the bottom of the screen where the block is placed. Is there a way to create a floating area that holds the html and displays the site seal in the lower right of the viewable area at all times, even if you scroll the screen? I know this is common on most sites, but I don't know C5 well enough to be able to accomplish this. TIA to all, and any help is greatly appreciated!

Kevin
 
Doki replied on at Permalink Reply
Doki
Try adding the appropriate code to your header or footer in your theme.

Example, our "Ask a Librarian: Live Chat" code seen here (best viewed in anything but IE):

http://library.villanova.edu/

...is embedded in our custom footer. If you're using one of the default themes (plain yougart for example), you can find the footer php code location at:

*root*/concrete/themes/*theme_name*/elements/footer.php

For a custom theme, its located at:

*root*/themes/*theme_name*/elements/footer.php

Hope that points you in the right direction
guythomas replied on at Permalink Best Answer Reply
guythomas
Go to your HTML block, click and select "Design".

Click into the "CSS" tab.

Paste the following into "Additional CSS" box:

position: fixed;
bottom: 10px;
right: 25px;


The "position: fixed" tells the browser to keep the element where it is. The other parts describe where exactly you want it. This may or may not work depending on your CSS positioning attributes for the containing DIV's. I also am not sure if it is 100% cross browser.

-Guy
kevinbednar replied on at Permalink Reply
Thanks Guy, that worked perfectly and was effortless. It's cool to keep learning how extensible and customizable C5 is! FYI, I tested in IE8, FF3 and 4, Opera, Chrome and Safari and it displayed perfectly on all of them.