End of Support for Joomla 3 - Forum closed
[SOLVED] Background color problem with custom.css
- puntoeditoriale
- Offline Topic Author
- Fresh Boarder
- Posts: 10
- Thank you received: 1
Background color problem with custom.css was created by puntoeditoriale
Posted 8 years 3 months ago #14803
Hi, I have problem to change the background color in this site:
www.giemme-staff.it/
from #ffffff to #f8f8f8 (from white to grey)
I used Firebug on Firefox to find the right codeline to change (please see my attachment)... When I apply #f8f8f8 online on firebug all seems to work ok... I copy the code
element.style {
background: #fff none repeat scroll 0 0;
}
in the custom.css but It does not work and in the page code I find again #fff
This is my custom.css code
++++++
/* Copyright (C) YOOtheme GmbH, www.gnu.org/licenses/gpl.html GNU/GPL */
/* ========================================================================
Defines styles for Internet Explorer 8
========================================================================== */
#footer-a{background:#f8f8f8}
/* colore sfondo articoli */
.tm-content {
background: #f8f8f8;
}
/* altezza fascia nera sotto al menu principale */
.uk-sticky-placeholder {height: 75px !important}
/* colore sfondo area logo */
#logo-outer {
background-color: #f8f8f8;
color: #999;
padding: 20px 0;
width: 100%;
}
/* colore sfondo box a dx */
.uk-panel-box-primary {
background-color: #cb2026;
color: #f8f8f8;
}
/* colore sfondo box a dx */
.uk-panel-box-secondary {
background-color: #cb2026;
color: #f8f8f8;
}
/* colore Pulsanti foto */
.sprocket-mosaic .sprocket-mosaic-tags li, #main .sprocket-mosaic ul.sprocket-mosaic-tags li {
background: #cb2026 none repeat scroll 0 0;
color: #fff;
}
/* colore rettangolino testata */
.uk-button-primary {
background-color: #cb2026;
}
/* colore icone tonde */
span.ico {
background: #cb2026 none repeat scroll 0 0;
color: #fff;
}
/* colore barra menu */
.uk-navbar {
background: #222 none repeat scroll 0 0;
color: #222;
}
/* colore voci menu */
.uk-navbar-nav > li > a {
color: #ffffff;
}
/* colore bianco fondo foto header */
.headerbar {
background: #f8f8f8;
}
.map {
width:400px;
height:500px;
}
.map-wrap {
position:relative;
}
.overlay {
width:400px;
min-height:500px;
position:absolute;
top:0;
}
/* colore tondi social (Background) */
.uk-icon-button {
animation: 0.8s ease-in-out 0s normal none 1 running uk-slide-top-fixed;
background: #395994 none repeat scroll 0 0;
color: #ffffff;
transform-origin: 0 0 0;
}
/* colore Titoli del footer (Indirizzo e Pagamenti) */
#footer-a, #footer-a h1, #footer-a h2, #footer-a h3, #footer-a h4, #footer-a h5, #footer-a h6 {
color: #000000;
}
/* Filetto box inspessito */
h3.uk-panel-title {
border-bottom: 2px solid rgba(0, 0, 0, 0.3);
margin-bottom: 20px;
padding-bottom: 10px;
position: relative;
}
.uk-panel-title {
color: #000000;
font-size: 24px;
font-weight: bold;
line-height: 32px;
margin-bottom: 10px;
margin-top: 0;
text-transform: none;
}
/* Filetto articoli inspessito */
h1.uk-article-title {
border-bottom: 2px solid rgba(0, 0, 0, 0.3);
margin-bottom: 20px;
margin-top: 20px;
padding-bottom: 10px;
position: relative;
}
++++++
Any suggestion?
Luca
I used Firebug on Firefox to find the right codeline to change (please see my attachment)... When I apply #f8f8f8 online on firebug all seems to work ok... I copy the code
element.style {
background: #fff none repeat scroll 0 0;
}
in the custom.css but It does not work and in the page code I find again #fff
This is my custom.css code
++++++
/* Copyright (C) YOOtheme GmbH, www.gnu.org/licenses/gpl.html GNU/GPL */
/* ========================================================================
Defines styles for Internet Explorer 8
========================================================================== */
#footer-a{background:#f8f8f8}
/* colore sfondo articoli */
.tm-content {
background: #f8f8f8;
}
/* altezza fascia nera sotto al menu principale */
.uk-sticky-placeholder {height: 75px !important}
/* colore sfondo area logo */
#logo-outer {
background-color: #f8f8f8;
color: #999;
padding: 20px 0;
width: 100%;
}
/* colore sfondo box a dx */
.uk-panel-box-primary {
background-color: #cb2026;
color: #f8f8f8;
}
/* colore sfondo box a dx */
.uk-panel-box-secondary {
background-color: #cb2026;
color: #f8f8f8;
}
/* colore Pulsanti foto */
.sprocket-mosaic .sprocket-mosaic-tags li, #main .sprocket-mosaic ul.sprocket-mosaic-tags li {
background: #cb2026 none repeat scroll 0 0;
color: #fff;
}
/* colore rettangolino testata */
.uk-button-primary {
background-color: #cb2026;
}
/* colore icone tonde */
span.ico {
background: #cb2026 none repeat scroll 0 0;
color: #fff;
}
/* colore barra menu */
.uk-navbar {
background: #222 none repeat scroll 0 0;
color: #222;
}
/* colore voci menu */
.uk-navbar-nav > li > a {
color: #ffffff;
}
/* colore bianco fondo foto header */
.headerbar {
background: #f8f8f8;
}
.map {
width:400px;
height:500px;
}
.map-wrap {
position:relative;
}
.overlay {
width:400px;
min-height:500px;
position:absolute;
top:0;
}
/* colore tondi social (Background) */
.uk-icon-button {
animation: 0.8s ease-in-out 0s normal none 1 running uk-slide-top-fixed;
background: #395994 none repeat scroll 0 0;
color: #ffffff;
transform-origin: 0 0 0;
}
/* colore Titoli del footer (Indirizzo e Pagamenti) */
#footer-a, #footer-a h1, #footer-a h2, #footer-a h3, #footer-a h4, #footer-a h5, #footer-a h6 {
color: #000000;
}
/* Filetto box inspessito */
h3.uk-panel-title {
border-bottom: 2px solid rgba(0, 0, 0, 0.3);
margin-bottom: 20px;
padding-bottom: 10px;
position: relative;
}
.uk-panel-title {
color: #000000;
font-size: 24px;
font-weight: bold;
line-height: 32px;
margin-bottom: 10px;
margin-top: 0;
text-transform: none;
}
/* Filetto articoli inspessito */
h1.uk-article-title {
border-bottom: 2px solid rgba(0, 0, 0, 0.3);
margin-bottom: 20px;
margin-top: 20px;
padding-bottom: 10px;
position: relative;
}
++++++
Any suggestion?
Luca
Attachments:
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic Background color problem with custom.css
Posted 8 years 3 months ago #14807
Add this code below to your css/custom.css
#main {background:#f8f8f8 !important}
Attachment main.jpg not found
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Attachments:
Please Log in or Create an account to join the conversation.
- puntoeditoriale
- Offline Topic Author
- Fresh Boarder
- Posts: 10
- Thank you received: 1
Replied by puntoeditoriale on topic Background color problem with custom.css
Posted 8 years 3 months ago #14810
Perfect, many many many thanks!
Please Log in or Create an account to join the conversation.
- puntoeditoriale
- Offline Topic Author
- Fresh Boarder
- Posts: 10
- Thank you received: 1
Replied by puntoeditoriale on topic [SOLVED] Background color problem with custom.css
Posted 8 years 3 months ago #14811
Problem solved.
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates