custom css
hello,
when i use custom css in muffin should should keep all attribut in a section code with whole code or can i just change what i want ?
example i made those modifications
table th, table td {
padding: 0px;
text-align: left;
border-width: 0px;
}
.quick_fact {
color: white;
background-color: #C7362F;
text-align: center;
margin: 0;
padding: 20px 10px 20px 10px;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
.quick_fact .number-wrapper {
color: white;
font-size: 30px;
line-height: 20px;
}
hr.hr_narrow {
width: 1%;
}
#Action_bar .contact_details a {
color: white;
}
#Action_bar .contact_details a:hover {
color: #C7362F;
}
#Footer a {
color: #cccccc;
}
#Footer a:hover {
color: #C7362F;
}
.opening_hours .opening_hours_wrapper li span {
font-size: 16px;
line-height: 21px;
margin: 0;
padding: 0;
display: block;
}
.opening_hours .opening_hours_wrapper li label{
font-size: 16px;
line-height: 21px;
margin: 0;
padding: 0;
display: block;
}
.opening_hours .opening_hours_wrapper {
text-align: center;
}
.style-simple .opening_hours {
padding: 25px 10px;
}
.icon {
background-color: transparent;
}
#back_to_top {
float: right;
margin: -10px 0px 0px 0px;
height: 43px;
width: 43px;
background-color: transparent;
}
.get_in_touch, .infobox {
background-color: #C7362F;
height: 350px;
}
.team .desc_wrapper h4 {
margin-bottom: 3px;
color: #C7362F;
}
thank you
when i use custom css in muffin should should keep all attribut in a section code with whole code or can i just change what i want ?
example i made those modifications
table th, table td {
padding: 0px;
text-align: left;
border-width: 0px;
}
.quick_fact {
color: white;
background-color: #C7362F;
text-align: center;
margin: 0;
padding: 20px 10px 20px 10px;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
.quick_fact .number-wrapper {
color: white;
font-size: 30px;
line-height: 20px;
}
hr.hr_narrow {
width: 1%;
}
#Action_bar .contact_details a {
color: white;
}
#Action_bar .contact_details a:hover {
color: #C7362F;
}
#Footer a {
color: #cccccc;
}
#Footer a:hover {
color: #C7362F;
}
.opening_hours .opening_hours_wrapper li span {
font-size: 16px;
line-height: 21px;
margin: 0;
padding: 0;
display: block;
}
.opening_hours .opening_hours_wrapper li label{
font-size: 16px;
line-height: 21px;
margin: 0;
padding: 0;
display: block;
}
.opening_hours .opening_hours_wrapper {
text-align: center;
}
.style-simple .opening_hours {
padding: 25px 10px;
}
.icon {
background-color: transparent;
}
#back_to_top {
float: right;
margin: -10px 0px 0px 0px;
height: 43px;
width: 43px;
background-color: transparent;
}
.get_in_touch, .infobox {
background-color: #C7362F;
height: 350px;
}
.team .desc_wrapper h4 {
margin-bottom: 3px;
color: #C7362F;
}
thank you
Comments
could you be more specific? Your css looks fine but we are not sure what your question exactly is.
should i keep all the code for table and modify the attribut i want in like this
table th, table td {
padding: 0px;
text-align: left;
border-width: 0px;
border-style: solid;
vertical-align: middle;
}
or just right the modified attribut like this :
table th, table td {
padding: 0px;
text-align: left;
border-width: 0px;
}