SOLVED Gantry5 box-shadow css
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- Can i see the URL and i will give you the code.
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Felix
- Sr. Rocketeer
- Posts: 102
- Thanks: 0
-
here the url:
therapieverbund.traudellerch.de/
greetings Felix
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
Add this code in custom.scss file or Gantry Page Settings:
#g-header, #g-navigation, #g-main, #g-footer { box-shadow: 0px 0px 10px #000; }
To add custom style sheet to Gantry 5 Framework please follow these instructions:
docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
or if you want to add them in the Page Settings:
docs.gantry.org/gantry5/configure/page-settings#custom-css-js - Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Felix
- Sr. Rocketeer
- Posts: 102
- Thanks: 0
-
Thank you,
But this is not the right result ..
Attached screenshot with Gantry 4, which is correct ... (index.php .shadowwrapper )
CSS -
.shadowwrapper {
Margin: 0 auto;
Max-width: 1200px;
Width: 100%;
Padding: 0;
Position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
Border radius: 10px;
Border: 1px solid rgba (0,0,0,0,15);
-moz-box-shadow: 0px 0px 20px 5px #bebebe;
-webkit-box-shadow: 0px 0px 20px 5px #bebebe;
box-shadow: 0px 0px 20px 5px #bebebe;
}
At Gantry5 I have no idea - here the result ...
Felix - Last Edit: 7 years 10 months ago by Felix .
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
Remove your shadow code and add this it will make it better:
#g-page-surround { margin: 0 auto; max-width: 1200px; width: 100%; padding: 0; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px 10px 0 0; border: 1px solid rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 20px 5px #bebebe; -webkit-box-shadow: 0px 0px 20px 5px #bebebe; box-shadow: 0px 0px 20px 5px #bebebe; margin-top: 20px; }
To add custom style sheet to Gantry 5 Framework please follow these instructions:
docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
or if you want to add them in the Page Settings:
docs.gantry.org/gantry5/configure/page-settings#custom-css-js - Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
Time to create page: 0.144 seconds