Ik ben weer bezig om een template aan te passen en ik krijg een lettertype niet aangepast.
Op plaatje 1.jpg zie je het volgende:
Bij pijltje "1" kun je zien dat ik de tekst "Ourgallery" heb geselecteerd.
Bij pijltje "2" zie je rechts bij font family staan "georgia,....."
Op plaatje 2 zie je hoe het eruit ziet in een browser.
Dan zie je dat het lettertype geen Georgia of iets dergelijks is maar het lettertype Satisfy
Hier zit wel een js-bestand van bij in de template. (zie plaatje 1 bij pijltje "3")
Voor zover ik weet zou je dat aan moeten kunnen passen in "style.css"
Hier staat echter geen enkele keer het woordje "satisfy" of "satisfy_400" in.
Het lettertype satisfy wordt ook gebruikt in het menu.
Ik wil overal dit lettertype wijzigen maar ik weet niet waar.
Ik hoop dat het een beetje duidelijk uitgelegd is.
Weet iemand raad?


Hier de complete style.css:
Op plaatje 1.jpg zie je het volgende:
Bij pijltje "1" kun je zien dat ik de tekst "Ourgallery" heb geselecteerd.
Bij pijltje "2" zie je rechts bij font family staan "georgia,....."
Op plaatje 2 zie je hoe het eruit ziet in een browser.
Dan zie je dat het lettertype geen Georgia of iets dergelijks is maar het lettertype Satisfy
Hier zit wel een js-bestand van bij in de template. (zie plaatje 1 bij pijltje "3")
Voor zover ik weet zou je dat aan moeten kunnen passen in "style.css"
Hier staat echter geen enkele keer het woordje "satisfy" of "satisfy_400" in.
Het lettertype satisfy wordt ook gebruikt in het menu.
Ik wil overal dit lettertype wijzigen maar ik weet niet waar.
Ik hoop dat het een beetje duidelijk uitgelegd is.
Weet iemand raad?


Hier de complete style.css:
Code:
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
/* Global properties ======================================================== */
html {width:100%;}
body {font-family:Georgia, "Times New Roman", Times, serif;font-size:100%;color:#818280; background:#fff}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg {width:100%; background:url(../images/bg-2.jpg) center top repeat-x;}
.main {
padding:0;
margin:0 auto;
font-size:0.875em;
line-height:1.785em;
}
a {color:#f78f07; outline:none;}
a:hover {text-decoration:none;}
.col-1, .col-2 {float:left;}
.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
p {margin-bottom:18px;}
.p0 {margin-bottom:0px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.reg {text-transform:uppercase;}
.fleft {float:left;}
.fright {float:right;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.it {font-style:italic;}
.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#666;}
.img-border {
padding:10px;
border:1px solid #e5e5e5;
float:left;
}
/*********************************boxes**********************************/
.indent {padding:20px;}
.indent-left {padding-left:10px;}
.indent-left2 {padding-left:20px;}
.indent-right {padding-right:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}
.prev-indent-bot {margin-bottom:10px;}
.img-indent-bot {margin-bottom:25px;}
.margin-bot {margin-bottom:35px;}
.img-indent {float:left; margin:0 30px 0px 0;}
.img-indent2 {float:left; margin:0 15px 0px 0;}
.img-indent-r {float:right; margin:0 0px 0px 40px;}
.buttons a:hover {cursor:pointer;}
.main-menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
.button2,
h1 a {text-decoration:none;}
/*********************************header*************************************/
header {
width:100%;
position:relative;
z-index:2;
font-family: Georgia, "Times New Roman", Times, serif;
}
.menu-row {
width:100%;
height:62px;
overflow:hidden;
background:url(../images/pic-1.gif) left bottom repeat-x #000;
}
.header-row {
width:100%;
background:url(../images/bg.jpg) center top repeat;
padding-bottom:39px;
}
#page3 .header-row {padding-bottom:20px;}
#page4 .header-row {padding-bottom:43px;}
#page5 .header-row {padding-bottom:44px;}
h1 {
padding:28px 0 0 9px;
position:relative;
overflow:hidden;
margin-bottom:20px;
font-family: 'PT Sans', sans-serif;
}
h1 a {
float:left;
margin-right:20px;
}
h1 em {
display:inline-block;
font-size:20px;
line-height:2em;
color:#808080;
padding-top:25px;
letter-spacing:-1px;
}
/***** main-menu *****/
.main-menu {
padding:17px 0 0 0;
}
.main-menu li {
float:left;
position:relative;
padding-left:69px;
}
.main-menu li a {
display:block;
font-size:20px;
line-height:1.2em;
color:#fff;
position:relative;
}
.main-menu li.active a,
.main-menu > li > a:hover,
.main-menu > li.sfHover > a {color:#f78f07;}
/***** services-menu *****/
.services-menu {padding:27px 0 0 50px;}
.services-menu li {
float:left;
padding-left:83px;
}
.services-menu li:first-child {padding:0;}
.services-menu a {
display:block;
width:11px;
height:11px;
text-indent:-9999em;
}
.services-menu .m1 a {background:url(../images/icon-home.gif) 0 0 no-repeat;}
.services-menu .m2 a {background:url(../images/icon-contact.gif) 0 0 no-repeat;}
.services-menu .m3 a {background:url(../images/icon-tree.gif) 0 0 no-repeat;}
/***** slider *****/
.slider-wrapper {
padding:10px;
margin-bottom:20px;
background:#fff;
overflow:hidden;
position:relative;
z-index:1;
}
.slider {
position:relative;
}
.items {display: none;}
.pagination {
z-index:99;
width: 100%;
}
.pagination li {
float:left;
background:url(../images/pagination-a.png) left bottom repeat-x #000;
width:25%;
}
.pagination a {
display:block;
height:66px;
text-align:center;
font-family: 'PT Sans', sans-serif;
font-size:23px;
line-height:66px;
color:#fff;
background:url(../images/pagination-spacer.gif) left top no-repeat;
text-decoration:none;
}
.pagination li:first-child a {background:none;}
.pagination .current,
.pagination li:hover {background-position:left top; background-color:#f78f07;}
.pagination .current a {cursor:default;}
/*********************************content*************************************/
#content {
width:100%;
padding:25px 0 49px;
position:relative;
z-index:1;
}
#page3 #content {padding-top:0;}
.spacer-1 {
width:100%;
background:url(../images/pic-1.gif) 217px 0 repeat-y;
}
h3 {
font-size:23px;
line-height:2em;
color:#000;
font-weight:normal;
letter-spacing:-1px;
margin-bottom:10px;
font-family: Georgia, "Times New Roman", Times, serif;
}
h4 {
font-size:28px;
line-height:2em;
color:#fff;
font-weight:normal;
letter-spacing:-1px;
font-family: Georgia, "Times New Roman", Times, serif;
}
h5 {font-weight:normal;}
h6 {color:#000; font-weight:normal;}
.border-bot {
width:100%;
padding-bottom:20px;
background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
.box {
width:100%;
background:url(../images/box-tail.gif) 0 0 repeat-x;
}
.button {
display:inline-block;
padding:0 23px;
font-size:14px;
line-height:40px;
color:#fff;
background:url(../images/button-tail.gif) 0 0 repeat-x #141414;
cursor:pointer;
}
.button:hover {background:#f78f07;}
.button2 {
display:inline-block;
padding:0 23px;
font-size:14px;
line-height:40px;
color:#000;
background:url(../images/button2-tail.gif) 0 0 repeat-x #e5e5e5;
cursor:pointer;
}
.button2:hover {background:#e5e5e5;}
.list-1 li {
line-height:25px;
padding:0 0 15px 41px;
background:url(../images/marker-1.png) 0 2px no-repeat;
}
.list-1 li.last-item {padding:0 0 0 41px;}
.list-1 li a {
display:inline-block;
color:#818280;
cursor:pointer;
}
.list-1 li a:hover,
.list-1 li a:hover span {color:#f78f07;}
.list-2 li {
line-height:25px;
padding:0 0 0 15px;
background:url(../images/marker-2.gif) 0 10px no-repeat;
}
.list-2 li a {
display:inline-block;
color:#f78f07;
}
.list-2 li a:hover {text-decoration:underline;}
.link:hover {text-decoration:underline;}
.link-1 {
display:inline-block;
font-size:14px;
padding-right:8px;
background:url(../images/marker-3.gif) right 8px no-repeat;
}
.link-1:hover {color:#fff;}
.text-1 {font-size:14px;}
.text-2 {font-size:14px; line-height:1.285em;}
dl span {float:left; width:80px;}
/* -- gallery begin --*/
div.content {
/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
display: none;
height: 404px;
margin: 0 0 75px 0;
padding: 0px;
overflow: hidden;
}
div.content img {
position: relative;
z-index: 2;
}
div.content a, div.navigation a {
text-decoration: none;
display:block;
position:relative;
cursor:pointer;
}
div.content a img, div.navigation a img {
position:relative;
z-index:1;
}
div.content a span, div.navigation a span {
display:block;
width:198px;
height:135px;
background:#000;
position:absolute;
left:0;
top:0;
z-index:2;
}
div.content a span.selected,
div.navigation a span.selected {display:none !important;}
div.content a:focus, div.content a:hover, div.content a:active {
text-decoration: underline;
}
div.controls {
}
div.controls a {
padding: 0px;
}
div.ss-controls {
float: left;
display:none;
}
div.nav-controls {
position:absolute;
left:0px;
width:596px;
bottom:0px;
z-index: 1;
}
div.nav-controls a.prev {
background:url(../images/prev.gif) no-repeat 0 0;
width:39px;
height:39px;
text-indent:-5000px;
position:absolute;
bottom:2px;
left:0;
z-index:11;
}
div.nav-controls a.prev:hover {
background:url(../images/prev-h.gif) no-repeat 0 0;
}
div.nav-controls a.next {
background:url(../images/next.gif) no-repeat 0 0;
width:39px;
height:39px;
text-indent:-5000px;
position:absolute;
bottom:2px;
right:0;
z-index:11;
}
div.nav-controls a.next:hover {
background:url(../images/next-h.gif) no-repeat 0 0;
}
div.slideshow-container {
position: relative;
height: 404px; /* This should be set to be at least the height of the largest image in the slideshow */
z-index:1;
}
div.loader {
position: absolute;
top: 0;
left: 0;
background-image:url(images/loader.gif);
background-repeat: no-repeat;
background-position: center;
width: 592px;
height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {
width:960px;
height:404px;
background:#fff;
}
div.slideshow span.image-wrapper {
display: block;
width: 940px;
height: 384px;
position:absolute;
left:10px;
top:10px;
}
div.slideshow a.advance-link {
display: block;
width: 940px;
height: 384px; /* This should be set to be at least the height of the largest image in the slideshow */
padding: 0;
margin: 0;
}
div.slideshow a.advance-link img {
padding:0;
margin:0;
display:block;
position:absolute;
left:0;
top:0;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
text-decoration: none;
}
div.slideshow img {
}
div.download {
float: right;
}
div.caption-container {
position: absolute;
top: 0;
left: 0;
width: 596px;
height: 151px;
}
span.image-caption {
display: block;
position: absolute;
width: 596px;
height: 151px;
top: 0;
left: 0;
z-index:10;
}
div.caption {
width: 536px;
height: 128px;
padding: 23px 30px 0 30px;
line-height: 18px;
font-size: 13px;
color: #fff;
}
div.caption h5{
line-height: 18px;
font-size: 13px;
color: #fd003f;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
}
div.caption h6{
line-height: 18px;
font-size: 13px;
color: #fff;
font-weight:normal;
margin: 0 0 18px 0
}
div.image-title {
}
div.image-desc {
}
div.navigation {
}
div#thumbs {
width: 320px;
overflow: hidden;
padding: 0px 0px 0 0;
margin:0 auto;
}
ul.thumbs {
margin:0;
padding: 0;
width:100%;
height:auto;
overflow:visible;
}
ul.thumbs li {
float:left;
margin: 0 20px 20px 0;
overflow: hidden;
padding: 10px;
background:#fff;
border:1px solid #e5e5e5;
vertical-align:top;
}
ul.thumbs li.last {margin-right:0;}
ul.thumbs li.last2 {margin-bottom:0;}
ul.thumbs li img {
border: none;
}
a.thumb:focus {
outline: none;
}
div.pagination {
clear: both;
text-align:center;
position:relative;
z-index:10;
}
div.top.pagination {
display:none;
}
div.navigation div.bottom {
display:none;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
padding:0 4px;
font-weight:bold;
color:#fff;
}
div.pagination a:hover {
text-decoration: none;
color:#ffeaa8;
}
div.pagination span.current {
color:#ffeaa8;
}
div.pagination span.ellipsis {
border: none;
padding: 5px 0 3px 2px;
}
/* -- gallery end --*/
/***** contact form *****/
#contact-form {display:block;}
#contact-form label {
display:block;
height:30px;
overflow:hidden;
}
#contact-form input {
float:left;
width:362px;
font-size:12px;
line-height:1.25em;
color:#808080;
padding:5px 10px;
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
border:none;
background:#fff;
outline:none;
}
#contact-form .message {height:194px;}
#contact-form textarea {
height:184px;
width:100%;
font-size:12px;
line-height:1.25em;
color:#808080;
padding:5px 10px;
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
border:none;
background:#fff;
overflow:auto;
outline:none;
}
.text-form {
float:left;
display:block;
font-size:14px;
line-height:2em;
width:80px;
color:#808080;
font-family:Georgia, "Times New Roman", Times, serif;
}
.buttons {text-align:right; padding-top:10px;}
.buttons a {margin-left:10px; padding:0 40px;}
/****************************footer************************/
footer {
width:100%;
height:96px;
padding-bottom:18px;
position:relative;
overflow:hidden;
z-index:99;
}
.footer-bg {
width:100%;
height:100%;
background:#000;
}
.footer-text {
float:left;
display:block;
padding-top:15px;
}
.list-services {
padding-top:20px;
float:right;
}
.list-services li {
float:left;
padding:0 0 0 8px;
font-size:21px;
line-height:1.23em;
color:#fff;
letter-spacing:-1px;
position:relative;
z-index:99;
}
.list-services li:first-child {margin-top:-1px; padding-right:3px;}
.list-services a {
display:block;
width:26px;
height:27px;
text-indent:-9999em;
background:url(../images/social-icons.png) 0 0 no-repeat;
cursor:pointer;
}
.list-services .item-2 a {background-position:-34px 0;}
.list-services .item-3 a {background-position:-68px 0;}
#easyTooltip{
font-family:Arial, Helvetica, sans-serif;
padding:6px;
border:1px solid #fff;
background:#1e1e1e;
color:#fff;
font-size:11px;
position:relative;
z-index:99;
}
/*********extra***********/
.block {height:114px;}
.extra {
min-height:100%;
height:auto !important;
height:100%;
margin: 0 auto -114px;
position:relative;
overflow:hidden;
}
html, body {height:100%;}
Laatst bewerkt door een moderator: