SOLVED Colored line in the background
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 196
- Thanks: 0
-
I would need to add a colored line (4 px) to the bottom of the div # rt-top on all pages of the site, but excluding the homepage.
The Homepage does not have the mainbody, and in other pages under rt-top there is rt-mainbody-surround.
So, I have tried this:
div#rt-mainbody-surround {
background-color: #eda320;
height: 4px;
} */
But mysteriously (for me) the content of the div # rt-bottom adds and appears under the colored line, covering the content of the mainbody of the pages...
I'm having difficulty ... can you help me out please?
www.hqmonza.it - Last Edit: 6 years 3 months ago by mauro buffa.
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- Can you make a screenshot of the area and how it need to look like I am having difficulty understanding you?
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 196
- Thanks: 0
-
Thanks for the quick response. You can see in the attached jpeg. The ideal would be that the colored line is at the top of the mainbody (content body).
www.hqmonza.it
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
Add this code in custom.scss file or Gantry Page Settings:
#rt-top-surround { box-shadow: none !important; background-repeat: repeat-x; border-bottom: none !important; } #rt-drawer { border-bottom: none; } div#rt-top { border-bottom:4px solid #eda320; }
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!
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 196
- Thanks: 0
-
Thank you. In this moment I can not try it.
However....
in this way I think i'll have the colored line also on the homepage and it is not good. Because on the hp there is already the colored line of the sildeshow loader. Look at the hp, please: www.hqmonza.it
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
Then try this:
#rt-top-surround { box-shadow: none !important; background-repeat: repeat-x; border-bottom: none !important; } #rt-drawer { border-bottom: none; } div#rt-top { border-bottom:4px solid #eda320; margin-bottom: -4px; } div#rt-header { z-index: 2; } - Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 196
- Thanks: 0
-
I have applied it and it works on pages, but in the homepage creates problems with the dropdown menu. It's a problem of z-index I think.
Maybe I need to bring the menu (rt-block in rt-top) to a higher level/layer? - Last Edit: 6 years 3 months ago by mauro buffa.
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
Try this:
#rt-top-surround { box-shadow: none !important; background-repeat: repeat-x; border-bottom: none !important; } #rt-drawer { border-bottom: none; } div#rt-top { border-bottom:4px solid #eda320; margin-bottom: -4px; position: relative; z-index: 99999999; } div#rt-header { z-index: 2; } - Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 196
- Thanks: 0
-
Thanks Damir,
as you can see on the site, in HP now the dropdown menu works, but the dynamic line (changing color) of the slide-loading is not visible, because obviously it is under the fixed yellow line that we have added.
With the css you suggested earlier, conversely, the loading line is visible, but the menu dropdown no.
This was my difficulty ... The z-index should be as in the attached image:
rt-top 1
rt-header 2
but, attention, the menu (rt-block) contained in rt-top should have level 3.
It's possible? How do I solve?
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- Give me access to the site!
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
Time to create page: 0.080 seconds