Hallo Zusammen,
aktuell ist es bei meinem Footer so, dass die eingebundenen Menüs eine leicht unterscheidliche Frabe haben als der Hintergrund des Footers, was komische Kästchen um die Links erzeugt (Siehe http://www.quality-lifestyle.de/ und dann ganz runter scrollen).
Mir ist nicht klar, wie ich das beheben kann, ohne das Hauptmenü oben zu zerschießen. Bei Farben unter BeTheme Options ist überall der gleiche Farbcode angegeben.
Vielen Dank und freundliche Grüße!
FAlls es weiterhilft, meine aktuelle css
CSS
h2 { font-weight: 900; letter-spacing: 5px; }
h3 { font-weight: 900; letter-spacing: 5px; }
h4 { font-weight: 400; letter-spacing: 5px; }
/* Zoom Bilder*/
.if-overlay .image_frame:hover .image_wrapper img, .if-overlay .image_frame.hover .image_wrapper img {
top: 70px !important;
}
p, .icon_box .desc_wrapper .desc { font-style: italic; }
#Top_bar .menu > li > a span:not(.description) { border-right-width: 0; letter-spacing: 2px; }
@media only screen and (min-width: 768px) {
.header-split #Top_bar:not(.is-sticky) {
background-color: rgba(255,255,255,10);
position: absolute;
border-bottom: 1px solid rgba(255,255,255,0.2);
top: 0;
text-decoration: underline;
}
}
#Top_bar.is-sticky { height: 100px; }
#Top_bar.is-sticky .menu > li > a, #Top_bar.is-sticky .menu > li > a span { line-height: 60px; }
#Top_bar.is-sticky #logo { padding: 12px 0; }
#Top_bar.is-sticky #logo img { max-height: 60px; }
#Top_bar .menu > li a:after {
top: auto;
bottom: 0px;
}
/* Subheader */
#Subheader { padding: 30px 0 0; text-align: center; line-height: 0; }
#Subheader:after { display: none; }
#Subheader .title { display: inline-block; background: #fff; float: none; width: auto !important; padding: 20px 30px; font-weight: 700; letter-spacing: 3px; }
/* HR blau*/
.massage_hr { display: block; margin-bottom: 30px; margin-top: 10px; width: 90px; height: 2px; background: #004CA0; clear: both; margin: auto;}
.massage_hr_right { margin: auto; }
/* HR gruen*/
.massage_hr_g { display: block; margin-bottom: 30px; margin-top: 10px; width: 90px; height: 2px; background: #476702; clear: both; margin: auto;}
.massage_hr_right_g { margin: auto; }
/* HR rot*/
.massage_hr_r { display: block; margin-bottom: 30px; margin-top: 10px; width: 90px; height: 2px; background: #94000e; clear: both; margin: auto;}
.massage_hr_right_r { margin: auto; }
/* Icon box */
.icon_box .desc_wrapper .desc { padding: 0 7%; color: #a1a1a1 !important; }
/* Column box */
.column .desc_wrapper .desc { padding: 0 7%; color: #a1a1a1 !important; }
/* Button */
a.button { border-radius: 0; background-image: none; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
a.button .button_label { font-weight: 700; letter-spacing: 2px; }
.button-margin-0 { line-height: 0; }
.button-margin-0 a.button { margin: 0; }
/* Read more */
a.read_more { background: url("http://www.quality-lifestyle.de/wp-content/uploads/2015/05/home_massage_arrow_right.png") no-repeat scroll right 2px rgba(0, 0, 0, 0); font-family: Lato; font-weight: 900; letter-spacing: 2px; padding-right: 45px; }
a:hover.read_more { text-decoration: none; }
/* Article box */
.article_box .photo_wrapper { width: 43%; }
.article_box .desc_wrapper { width: 57%; background-color: #f8f7f5; padding: 13px 15px; }
.article_box .desc_wrapper p { border: 0; font-size: 12px; }
.article_box .desc_wrapper p:after { content: ""; display: block; width: 90px; height: 2px; background: #b19c73; margin-top: 10px; }
.article_box .desc_wrapper h4 { font-size: 18px; line-height: 25px; font-weight: 900; letter-spacing: 3px; }
.article_box .desc_wrapper i.icon-right-open { font-size: 20px; left: -10px; }
/* Pricing box */
.pricing-box .plan-header h2 { font-weight: 300; }
.pricing-box .plan-inside { padding: 30px; }
/* Footer */
#Footer .widgets_wrapper { padding: 10px 0 10px; }
.entry a, .entry a:link {
font-weight: bold;
padding: 0;
text-align:center;
text-decoration: none;
background-color:
}
/* Individuelle Menüs */
.menu li {
text-align:center;
text-decoration: none;
}
.side-by-side { float: left; margin-right: 5px }
h8 { color: #94000e;}
h9 { color: #476702;)
h10 { color: #ffffff;)