|
User Details |
message
|
|
GSNetwork
post date:
2011-03-31 12:08:10
|
Hi All,
I have run into a minor issue which I need a little help on, I am trying to apply a css box shadow to one of the main divs in my design, now while I can add it to the original css file it will get overwritten if I make any changes to it thru the interface, so I tried added a ID tag to the div and added the code into the user.css file.
But this also have an issue as the ID tags get removed after an edit, maybe this option could be added to the main interface the same way the rounded corners and the gradient fill was added?
trying to add
-moz-box-shadow: 8px 8px 5px #ccc;
-webkit-box-shadow: 8px 8px 5px #ccc;
box-shadow: 8px 8px 5px #ccc;
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2011-04-01 03:55:44
|
Hello,
Modifying the div's structure or the CSS is not going to work as the extension will drop the changes made.
However, you can use inline CSS for the div you want. The editor won't remove inline CSS. Or, you can use the existing class and create a rule in a separate CSS file.
We plan on making all the CSS 3 properties available in the future in the Flexi Layouts interface.
Regards,
Andrei Rinciog
|
|
|
GSNetwork
post date:
2011-04-01 04:43:32
|
Thanks for the reply but I am still having issues I have added the styling inline
<div class="GTBHoldingDiv" style="-moz-box-shadow: 8px 8px 5px #ccc(0, 0, 0, 0.5); -webkit-box-shadow: 8px 8px 5px #ccc(0, 0, 0, 0.5); box-shadow: 8px 8px 5px #ccc;(0, 0, 0, 0.5)">
But the changes are not being shown.
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2011-04-01 04:50:50
|
Hello,
On what type of div have you placed the inline CSS? It should be on the content holding div. Like here:
<div class='wrapper cssLI PageLayout13_wrapper_design' style="-moz-box-shadow: 8px 8px 5px #ccc; -webkit-box-shadow: 8px 8px 5px #ccc; box-shadow: 8px 8px 5px #ccc;"><!-- wrapper Content Starts Here -->
Or you placed it on a div from the content?
Regards,
Andrei Rinciog
|
|
|
GSNetwork
post date:
2011-04-01 05:03:17
|
Thanks Andrei
It was just a case of applying it to the correct div, will make a note for the future, many thanks
|
|
|
GSNetwork
post date:
2011-04-01 05:56:46
|
|
Strange but adding the code to the wrapper div only gives the shadow on the y axis buy not the x do I need to add it to two different divs?
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2011-04-04 05:59:46
|
Hello,
That's strange, on what div you placed the style exactly? What class name did it have?
From what I saw, if you always place it on the interior div it should work just fine.
Regards,
Andrei Rinciog
|
|
|
GSNetwork
post date:
2011-04-04 06:45:38
|
Obviously the div name is based on the name I gave it, but this is the div tag
<div class='wrapper cssLI GTBHoldingDiv_wrapper_design' style=" -moz-box-shadow: 8px 8px 5px #000(0, 0, 0, 0.5); -webkit-box-shadow: 8px 8px 5px #000(0, 0, 0, 0.5); box-shadow: 8px 8px 5px #000;(0, 0, 0, 0.5)" >
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2011-04-05 03:39:45
|
Hello,
I just tried placing that CSS on the same exact div in a layout and it worked fine. I believe there's something with that layout in particular.
If you still have the problem please send me a copy of the page by email to support at extendstudio.com. Also attach the CSS files for the layout.
Regards,
Andrei Rinciog
|
|
|
GSNetwork
post date:
2011-04-05 04:00:10
|
|
The test site is live at http://www.gtbnw.co.uk/v3/
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2011-04-06 03:55:37
|
Hello,
The shadow appears on the Y axis as well but it's not visible because it doesn't have enough space and the parent DIV has "overflow: hidden".
Increase the width of the PageLayout42 layout wrapper in order to make the shadow visible.
Regards,
Andrei Rinciog
|
|
