Hallo allemaal,
Ik zit met een probleem.. Ik gebruik Joomla voor mijn website.
Nu heb ik onlangs de achtergrond kleuren aangepast. Maar ik kan het onderdeel voor het lettertype kleur aanpassen
niet vinden in de CSS . En via de template werkt het niet.. ( Template: TX_Mainstream )
Mijn website: http://global-episodes.eu
Het gaat om de tekst zoals in een article ( zie voorbeeld: Klik hier voor website onderdeel )
Tussen de plaatjes en de video zit de tekst. Enkel kun je de tekst niet lezen door de kleur maar ik weet niet waar ik die moet aan passen
Code CSS template:
Ik zit met een probleem.. Ik gebruik Joomla voor mijn website.
Nu heb ik onlangs de achtergrond kleuren aangepast. Maar ik kan het onderdeel voor het lettertype kleur aanpassen
niet vinden in de CSS . En via de template werkt het niet.. ( Template: TX_Mainstream )
Mijn website: http://global-episodes.eu
Het gaat om de tekst zoals in een article ( zie voorbeeld: Klik hier voor website onderdeel )
Tussen de plaatjes en de video zit de tekst. Enkel kun je de tekst niet lezen door de kleur maar ik weet niet waar ik die moet aan passen
Code CSS template:
PHP:
/**
* @package Mainstream Template
* @version 1.2
* @author ThemeXpert http://www.themexpert.com
* @copyright Copyright (C) 2010 - 2011 ThemeXpert
* @license http://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
**/
body {
padding-top: 30px;
}
/*************** Layout ***************/
.tx-wrapper .tx-row {
width: auto;
}
#tx-top {
/*Search style*/
}
#tx-top div.finder {
background: url(../images/vshadow_left.png) repeat-y 0 0;
padding: 10px 0 10px 15px;
margin-top: -10px;
margin-bottom: -10px;
}
#tx-top div.finder label.finder {
display: inline-block;
margin-right: 4px;
font-weight: bold;
font-size: 11px;
}
#tx-top div.finder .inputbox {
background: #eaeaea;
padding: 5px 6px;
border: none;
height: 18px;
width: 150px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#tx-top div.finder .button {
background: #e92b03;
padding: 4px 6px;
width: 35px;
height: 28px;
border: none;
color: #fff;
margin-left: -2px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#tx-top .tx-row,
#tx-header .tx-row,
#tx-utility .tx-row {
margin: 0;
}
#tx-top .ex-content,
#tx-header .ex-content,
#tx-utility .ex-content,
#tx-feature .ex-content,
#tx-bottom .ex-content,
#tx-copyright .ex-content {
background: transparent;
padding: 0;
}
#tx-header .tx-row {
border-top: 2px solid #e3e3e3;
}
#tx-top .tx-row,
#tx-header .tx-row,
#tx-utility .tx-row,
#tx-feature .tx-row,
#tx-bottom .tx-row,
#tx-footer .tx-row {
margin: 0 10px;
background-color: #fff;
}
#tx-top form,
#tx-header form,
#tx-utility form,
#tx-feature form,
#tx-bottom form,
#tx-footer form {
margin: 0;
}
#tx-utility .tx-row {
background: #dddddd url(../images/utility_bg.jpg) repeat-x 0 100%;
border-top: 1px solid #c9c9c9;
}
#tx-feature,
#tx-footer {
margin-top: 30px;
}
#tx-footer .ex-block {
margin: 0;
}
#tx-footer a {
color: #f5f5f5;
}
#tx-footer ul {
list-style: none;
margin: 0;
}
#tx-footer .tags li {
float: left;
}
#tx-footer .tags a {
display: block;
margin: 0 5px;
}
#tx-footer .ex-title {
line-height: 30px;
margin-bottom: 0;
}
#tx-footer .title-nostyle .ex-title,
#tx-footer .nostyle .ex-content {
background-color: transparent;
}
#tx-footer input[type='text'] {
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
float: left;
}
#tx-footer button {
background: transparent url(../images/search.png) no-repeat 5px 1px;
width: 30px;
height: 16px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: none;
border-left: 1px solid #eee;
box-shadow: none;
margin-left: -30px;
margin-top: 5px;
text-indent: -9999px;
}
/*Article*/
#ex-component .ex-block {
background-color: #303030;
padding: 10px;
}
#ex-component .ex-article-bg {
padding-bottom: 0;
border: none;
}
.com-content-category #ex-component .ex-block,
.com-content-featured #ex-component .ex-block,
[class*='com-k2'] #ex-component .ex-block {
background-color: transparent;
padding: 0;
}
.ex-article {
background-color: #303030;
padding: 10px;
}
.ex-articleinfo dd {
display: inline-block;
}
.items-leading {
margin-bottom: 20px;
}
.pagination p {
margin: 10px 15px;
float: right;
}
/****** Menu ******/
.ex-block.widget-menu {
margin-top: -2px;
margin-bottom: 0;
}
#ex-menu {
height: 34px;
z-index: 99;
/* Grouped --- */
}
#ex-menu .menu-title,
#ex-menu .group-title {
text-transform: uppercase;
font-family: 'BebasNeueRegular';
font-size: 18px;
line-height: 21px;
}
#ex-menu ul.level-0 li.level-0 {
margin-right: 10px;
}
#ex-menu ul.level-0 li.mega a.mega,
#ex-menu ul.level-0 li.mega span.mega {
padding: 6px;
color: #9f9f9f;
}
#ex-menu div.childcontent {
display: none;
}
#ex-menu ul.level-1 li.mega a:hover {
background-color: #f5f5f5;
}
#ex-menu .group-title .menu-title {
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
}
#ex-menu .group-title .menu-desc {
font-size: 14px;
padding-left: 0 !important;
}
#ex-menu #exdl-mainnav a,
#ex-menu #exdl-mainnav ul li > span {
color: #9f9f9f;
}
#ex-menu #ex-subnav {
background: #dddddd url(../images/utility_bg.jpg) repeat-x 0 100%;
margin: 0 -10px;
}
/*Widget Specifi*/
.designed-by a {
background: url(../images/themexpert.png) no-repeat;
width: 75px;
height: 18px;
display: inline-block;
text-indent: -9999px;
}
#ex-scrolltop {
background: url(../images/totop.png) no-repeat;
display: block;
color: #8e8e8e;
width: 19px;
height: 20px;
text-indent: -9999px;
}
#ex-scrolltop:hover {
background-position: 0 -30px;
}
.social-icons {
list-style: none;
margin: 0;
}
.social-icons li {
float: left;
padding: 10px 22px;
background: rgba(0, 0, 0, 0.5);
margin: 0 10px 8px 0;
-webkit-box-shadow: 1px 1px 1px #1a273a inset;
-moz-box-shadow: 1px 1px 1px #1a273a inset;
box-shadow: 1px 1px 1px #1a273a inset;
}
.social-icons li a {
display: block;
background-image: url(../images/social_icons.png);
background-repeat: no-repeat;
width: 26px;
height: 25px;
}
.social-icons .facebook a {
background-position: 0 -24px;
}
.social-icons .twitter a {
background-position: 0 0;
}
.social-icons .linkdin a {
background-position: 0 -48px;
}
.social-icons .youtube a {
background-position: 0 -75px;
}
.social-icons .vimeo a {
background-position: 0 -101px;
}
.social-icons .blogger a {
background-position: 0 -126px;
}
#tx-copyright .tx-row {
text-align: center;
}
#tx-copyright .ex-block {
margin-bottom: 0;
margin-top: 5px;
}
#ex-poweredby {
margin: 0 auto;
}
/*************** Module Specific ***************/
/*Breadcrumbs*/
.breadcrumbs .ex-block {
padding: 0;
}
.breadcrumbs ul.breadcrumb {
margin-bottom: 0;
}
#login-form #modlgn-username,
#login-form #modlgn-passwd {
display: block;
width: 98%;
}
#login-form #form-login-remember {
margin: 5px 0;
}
#login-form #form-login-remember * {
float: left;
margin-right: 5px;
}
#login-form .button {
margin: 0 0 5px;
float: right;
}
/* Extension Specific */
.basic_h,
.basic_v {
position: relative;
}
.scroller {
background: none !important;
border: none !important;
}
.item:hover {
background: none !important;
}
a.browse {
background-image: url(../images/scroller_arrow.png) !important;
background-repeat: no-repeat !important;
position: absolute;
top: -31px;
right: 0;
width: 25px !important;
height: 26px !important;
z-index: 99;
margin: 0 !important;
-webkit-box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.2) inset;
box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.2) inset;
}
a.prev {
right: 25px;
}
a.prev:hover {
background-position: 0 0 !important;
}
a.next {
background-position: -26px 0 !important;
}
.basic_v .padding {
padding: 0;
}
.basic_v img {
float: left;
margin-right: 10px;
border: 2px solid #a8a8a8 !important;
padding: 0 !important;
}
.basic_v h4 {
font-size: 12px !important;
margin: 0 0 5px !important;
}
.basic_v h4 a {
color: #535353;
}
.basic_v .item {
margin-bottom: 5px;
}
.basic_v .item:hover {
background: none;
}
.basic_h .padding {
background: #fff;
margin: 0 10px;
min-height: 200px;
cursor: pointer;
}
.basic_h .item img {
border: none;
padding: 0;
max-width: 100%;
}
.basic_h .item h4 {
font-size: 12px;
}
.basic_h a {
color: #535353;
}
.basic_h .padding:hover {
background-color: #f77800;
}
.basic_h .padding:hover a {
color: #fff;
}
.basic_h .xs-first .padding {
margin-left: 0px;
margin-right: 15px;
}
.basic_h .xs-last .padding {
margin-right: 0px;
margin-left: 15px;
}
/*Newsticker*/
.newsticker {
float: left;
}
.newsticker a.browse {
display: none;
}
.newsticker .scroller {
background: none;
border: none;
}
.newsticker .padding {
padding: 0;
margin: 0px;
}
.newsticker .item h4 {
font-size: 12px;
line-height: 12px;
margin: 0 0 0 10px !important;
font-weight: normal;
}
/*Slideshow*/
#slideshow {
position: relative;
}
.slideshow .padding {
padding: 0 !important;
margin: 0 !important;
}
.slideshow .scroller img {
background: none;
border: none;
padding: 0;
}
.slideshow .item {
position: relative;
}
.slideshow .item h4 {
font-family: 'BebasNeueRegular';
font-size: 24px;
padding: 7px 10px;
letter-spacing: 1px;
font-weight: normal;
margin: -5px 0 0;
line-height: 19px;
}
.slideshow a.browse {
top: auto;
bottom: 5px;
height: 30px !important;
}
.xa-links {
float: right;
}
.xa-links .xa-btn {
font-size: 10px;
padding: 3px 6px;
margin: 0 -2px;
letter-spacing: 1px;
float: left;
}
.xa-links .xa-login {
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.xa-links .xa-registration {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
/*Xpert Bulletin*/
.xb-list {
list-style: none;
margin: 0px;
}
.xb-list li {
position: relative;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 8px;
margin-bottom: 8px;
}
.xb-list .xb-title {
display: block;
color: #0c7cbb;
}
.xb-list .xb-date {
font-size: 10px;
color: #909090;
}
.xb-list li.xb-first,
.xb-list li.xb-last {
border-bottom: none;
padding-bottom: 0;
}
.xb-list li.xb-first .xb-title {
position: absolute;
bottom: 5px;
display: block;
line-height: 25px;
font-size: 20px;
width: 100%;
text-indent: 10px;
font-family: 'BebasNeueRegular';
color: #fff;
background-color: #DDD;
}
.xb-list li.xb-first .xb-date {
display: none;
}
/*Xpert Tweets*/
#xt-wrap {
border: none !important;
}
#xt-wrap .xt-list {
margin: 0;
list-style: none;
}
#xt-wrap .xt-list li {
position: relative;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
clear: both;
}
#xt-wrap .xt-list li .xt-inner-pad {
padding: 0;
}
#xt-wrap .xt-list li.xt-last {
border-bottom: none;
margin-bottom: none;
}
#xt-wrap .xt-list .xt-avatar img {
float: left;
margin: 0 10px 10px 0;
}
#xt-wrap .xt-list .xt-time {
font-size: 11px;
font-style: italic;
color: #999;
position: absolute;
bottom: 5px;
right: 0;
}
/*Xpert Showcase*/
.xs-gallery {
margin: 0 -10px 0 0 !important;
}
.xs-gallery .xs-item-wrap {
margin: 0 9px 10px 0px !important;
}
/*************** Module Styles/Variations ******************/
/*Common settigs*/
.ex-block {
padding: 0;
}
.ex-title {
padding: 2px 10px;
margin-bottom: 5px;
font-family: 'BebasNeueRegular';
font-size: 20px;
line-height: 22px;
font-weight: normal;
background: #565e68;
color: #fff;
}
.ex-title a {
color: #fff;
}
.ex-content {
padding: 10px;
background-color: #303030;
}
.float-left {
float: left;
}
/*Exceptions*/
.nostyle .ex-content {
background-color: transparent;
}
.nopadding .ex-content {
padding: 0;
}
.nomarginleft.ex-block {
margin-left: 0;
}
.nomarginright.ex-block {
margin-right: 0;
}
.nomarginbottom.ex-block {
margin-bottom: 0;
}
.nomargintop.ex-block {
margin-top: 0;
}
/*Title Style*/
.title-nostyle .ex-title {
background-color: transparent;
color: #222;
padding-left: 0;
}
.title-red .ex-title,
.title-red li.xb-first .xb-title {
background-color: #e92b03;
}
.title-blue .ex-title,
.title-blue li.xb-first .xb-title {
background-color: #0482cc;
}
.title-magenta .ex-title,
.title-magenta li.xb-first .xb-title {
background-color: #cb0483;
}
.title-orange .ex-title,
.title-orange li.xb-first .xb-title {
background-color: #fe7e00;
}
.title-purple .ex-title,
.title-purple li.xb-first .xb-title {
background-color: #512c7a;
}
.title-darkblue .ex-title,
.title-darkblue li.xb-first .xb-title {
background-color: #3b5999;
}
.title-slategrey .ex-title,
.title-slategrey li.xb-first .xb-title {
background-color: #565e68;
}
.title-darkslategrey .ex-title,
.title-darkslategrey li.xb-first .xb-title {
background-color: #34465c;
}
.title-turquoise .ex-title,
.title-turquoise li.xb-first .xb-title {
background-color: #50a0a7;
}
.title-ticker .ex-title {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/title_arrow.png) no-repeat 0 0;
line-height: 14px;
color: #fff;
padding: 0 17px 0 10px;
margin-bottom: 0;
font-weight: normal;
float: left;
}
/*Box Style*/
.box-red .ex-content {
background-color: #e92b03;
color: #fff;
}
.box-blue .ex-content {
background-color: #0482cc;
}
.box-magenta .ex-content {
background-color: #cb0483;
}
.box-orange .ex-content {
background-color: #fe7e00;
}
.box-purple .ex-content {
background-color: #512c7a;
}
.box-darkblue .ex-content {
background-color: #3b5999;
}
.box-slategrey .ex-content {
background-color: #565e68;
}
.box-darkslategrey .ex-content {
background-color: #34465c;
}
.box-turquoise .ex-content {
background-color: #50a0a7;
}
[class*="box-"] .ex-content {
color: #fff;
}
/*Badge Style*/
.badge-new .badge,
.badge-hot .badge,
.badge-top .badge,
.badge-pick .badge {
position: absolute;
width: 46px;
height: 46px;
top: 0;
right: 0;
z-index: 11;
background-image: url(../images/badge.png);
background-repeat: no-repeat;
}
.badge-new .badge {
background-position: 0 -150px;
}
.badge-pick .badge {
background-position: 0 -100px;
}
.badge-top .badge {
background-position: 0 -50px;
}
/*Menu Style*/
/*Flat*/
.menu-flat ul {
list-style: none;
margin: 0;
}
.menu-flat ul li {
float: left;
}
.menu-flat ul li a {
padding: 0 5px;
border-left: 1px solid #fff;
font-size: 11px;
}
.menu-flat ul li:first-child a {
border-left: none;
}
/* K2 styling */
.subCategoryMore,
div.catItemHeader span.catItemDateCreated {
padding: 1px 5px;
}
/*Easy Blog */
#eblog-wrapper {
background: #fff;
}
#ezblog-body .blog-post .blog-title,
#ezblog-body .blog-post .blog-title a {
font-family: 'BebasNeueRegular';
font-size: 26px;
line-height: 22px;
}
#socialbutton {
margin: 0;
background: #fff;
padding: 10px;
position: absolute;
left: -110px;
}
/*Webfont*/
@font-face {
font-family: 'BebasNeueRegular';
src: url('fonts/bebasneue-webfont.eot');
src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebasneue-webfont.woff') format('woff'), url('fonts/bebasneue-webfont.ttf') format('truetype'), url('fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}