neues Theme Corporattica

easywetten.com

Hallo! Ich habe gerade auf der Seite http://www.le-rocco.de das Theme von Corporattica installiert. Es passt genau auf meine Anforderungen, wirklich perfekt. Leider bekomme ich keine Bilder in den Slider.

Normalerweise befindet sich irgendwo im Quellcode oder im Theme selbst die Möglichkeit die Pics anzupassen. Hier finde ich leider nichts.

Wer kann mir behilflich sein dieses Problem zu lösen?

Danke euch!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Tutrix

http://pengbos.com/blog/corporatt…tallation-guide

easywetten.com

Vielen Dank! :-)

Die Seite habe ich schon gefunden, allerdings habe ich nicht gesehen oder eher verstanden wie ich den Slider zum Laufen bringe... :roll:

Tutrix

siehe dies

Zitat

1. Featured post
let’s add featured post, [COLOR=Red]which will be displayed on the home page slideshow[/COLOR]. (see the screenshot) Please note that the image you want to show in the slideshow should be larger than 960×340 in width x height if you can not make exactly the same. And keep the image size small. If a picture is larger than 1M, it is really slow to load, the performance will very bad. So the jpg format is preferred.

easywetten.com

Danke erst einmal an dieser Stelle. Ich werde mein Glück versuchen... bisher funktiniert es noch nicht, werde nun mal Pics auf die vorgegebene größe schneiden, dann schauen wir weiter! :smile:

easywetten.com

Es hat geklappt! Vielen Dank!

easywetten.com

Hallo!

Ich habe jetzt das Theme soweit angepasst. Ich verstehe jetzt aber nicht wieso ich nicht 2 einfache Anpassungen vornehmen kann:

a) Im Slider will ich das rote gegen transparent tauschen

b) Im Footer und Headerbereich die Schriftfarbe auf weiß stellen

Es wird in deinem Link was von Confuse geschrieben

Kann mir jemand helfen?

Tutrix

zu a.
kann nichts rotes im Slider sehen

zu b.
das Menü wird über Cufon generiert, die css Farbangabe wird also ignoriert
wenn du eine andere Farbe willst, muss du Cufon deaktivieren

schau mal z.B. in der header.php ob da ein "Cufon.replace" vorhanden ist, dies dann entfernen oder auskommentieren

danach müsste die css Definition übernommen werden

easywetten.com

Super! Vielen Dank für deine Hilfe!

Also zu

a) Ich konnte es nicht anpassen und haben es einfach gelöscht

b) Ich habe dies hier gefunden:

HTML

auto             : true,
                                mainWidth               :960,
                                buttons            : buttons} );    
        });
                
Cufon.replace('h1,h2,h3,h4,h5,#menu,#copy,.blog-date');


    </script>
</head>
    <body>
        <div id="bg">
            <div class="wrap">
                <!-- logo -->

Alles anzeigen

und lösche jetzt diesen Teil:

Cufon.replace('h1,h2,h3,h4,h5,#menu,#copy,.blog-date');

Dann sollte ich die Farbe des Menüs in der CSS Datei anpassen können? Habe ich das richtig verstanden?

Tutrix

Zitat von easywetten.com

Sund lösche jetzt diesen Teil:
Cufon.replace('h1,h2,h3,h4,h5,#menu,#copy,.blog-date');
Dann sollte ich die Farbe des Menüs in der CSS Datei anpassen können? Habe ich das richtig verstanden?

genau

und hier kannst dann z.B. das Menü anpassen main.css Zeile 121

Code

#menu li a { 
	display: block; 
	[COLOR="Red"]color: #999; [/COLOR]
	padding: 7px; 
	font-size: 1.1em; 
	border: 1px solid transparent; 
}

easywetten.com

mhhhh, das funktioniert wohl leider nicht. Ich habe eine slider.css und ne main.css

HTML

/*


    
    corporattica // free CSS template
    
    =================================
    
    Author: Luka Cvrk
    
    Solucija - Awesome web templates
    www.solucija.com
    
    ---------------------------------


*/


@charset "utf-8";


/* reset */
*{
    margin:0;
    padding:0;
    outline:0;
}
img {
    border: 0; 
}
.clear { 
    clear: both; 
}
.line {
    clear: both;
    padding: 15px 0 0;
    margin: 0 0 25px;
    border-bottom: 1px solid #ddd;
}


body { 
    font: .8em Arial, Verdana, Tahoma, Sans-Serif; 
    background: #f4f4f4 url(../images/bgtile.jpg) repeat-x; 
    color: #555; 
}


/* typography and links */
a { 
    text-decoration: none;
    color: #333;
}


p  { 
    margin: 0 0 17px; 
    line-height: 1.6em; 
}


/* headings */
h1, h2, h3, h4, h5 {
    font-weight: normal;
}
h1 { 
    float: left; 
    font-size: 2.1em; 
    color: #fff;
    letter-spacing: -1.4px;    
    margin: 0 0 30px 0;
    padding: 34px 0 0 10px;
}
h1 a { 
    color: #fff; 
}
h2 { 
    margin: 0 0 15px; 
    font-size: 1.9em; 
    color: #000; 
}
h2.inner { 
    border-bottom: 1px solid #ddd; 
    margin: 0 0 25px; 
    padding: 0 0 10px; 
}
h3 { 
    margin: 0 0 7px;  
    font-size: 1.3em; 
    clear: both; 
    color: #000; 
    line-height: 1.3em; 
}
h4 { 
    margin: 0 0 10px; 
    font-size: 1.2em; 
    color: #000; 
}
h5 {
    font-size: 1em;
    color: #eee; 
    margin: 0 0 14px;
}


#bg { 
    background: url(../images/bg.jpg) no-repeat center top; 
}


/* content holder */
.wrap { 
    margin: 0 auto; 
    width: 960px;
}


/* menu */
#mainmenu { 
    float: right; 
    padding: 39px 0 0; 
}
#menu ul { 
    float: right; 
}
#menu li { 
    display: inline; 
    float: left; 
    margin: 0 0 0 18px; 
}
#menu li a { 
    display: block; 
    color: #FFF; 
    padding: 7px; 
    font-size: 1.1em; 
    border: 1px solid transparent; 
}
#menu a:hover, #menu li.current a { 
    border-color: #444;  
}
#menu li ul { 
    top: 98px;
    background: url(../images/dot.png); 
    padding: 3px;
    font-size: .92em; 
    position: absolute; 
    display: none; 
    z-index: 100;     
}
#menu li ul li { 
    float: none; 
    display: inline; 
    margin: 0; 
    padding: 0; 
    clear: left;
}


#menu li ul li a { 
    color: #fff;
    margin: 4px; 
    white-space: nowrap;
    padding: 8px;    
}
#menu li ul li a:hover {
    background: #2C2D2F;
    border-color: #2C2D2F;
}


/* pitch slideshow */
#pitch { 
    clear: both; 
    height: 355px; 
    background: url(../images/shadow.png) no-repeat left bottom;
    margin: 0 0 25px;
}
#slideshow {
    position:relative;
    height: 310px;
}
#slideshow img {
    float: left;
}
#slideshow div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}
#slideshow div.active {
    z-index: 10;
}
#slideshow div.last-active {
    z-index: 9;
}


#zoom { 
    z-index: 11; 
}


/* pitch overlay */
.overlay {
    clear: both;
    float: left; 
    z-index: 100;
    position: relative; 
    margin: 100px 0 0; 
}
.overlay h2{ 
    color: #fff; 
    font-size: 2em;
    background: url(../images/dot.png);
    padding: 16px;
    margin: 0;
    float: left;
    width: 300px;
}
.overlay p {
    clear: both;
    background: #fff;
    padding: 16px;
    width: 300px;
}


#slideshow:hover .arrow {
    background: url(../images/dot.png);
}


.arrow { 
    float: right;
    position: relative;
    width: 65px;
    height: 63px;
    margin: -180px 0 0;
    z-index: 100;
}


.arrow a { 
    float: left;
    background: url(../images/pitcharrow.gif) no-repeat center center; 
    width: 15px;
    height: 24px;
    padding: 19px 25px;
}




/* inner pitch */
#inner-pitch {
    clear: both;
}
#inner-pitch .overlay {
    margin: 0;
    width: 920px;
}


/* main content */
#main { 
    clear: left; 
    float: left; 
    width: 680px;
    border-right: 1px dotted #ddd;
    padding: 0 30px 0 0;
    margin: 0 0 30px;
}


#intro { 
    padding: 0 0 20px; 
    margin: 0 0 25px;
    border-bottom: 1px dotted #ddd; 
}


/* holder for page content */
#page { 
    
}
.justify { 
    text-align: justify; 
}


/* images align */
.left { 
    float: left; 
    margin: 0 15px 5px 0; 
}
.right { 
    float: right; 
    margin: 0 0 5px 15px; 
}


/* tables */
.table { 
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 30px;    
}
.table td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.table thead td {
    font-weight: bold;
    border-bottom: 3px double #ddd;
    border-top: 1px solid #ddd;
    background: #fff;
}
.table .odd td { background: #fff; }


/* blog posts */
.blog-post  { 
    border-bottom: 1px solid #ddd; 
    margin: 0 0 30px; 
}
.blog-date { 
    float: left; 
    width: 40px; 
    text-align: right; 
    font-size: .9em; 
    padding: 4px 0 0;
}
.blog-date span { 
    font-size: 1.8em; 
}
.blog-body { 
    float: right; 
    width: 590px; 
    border-left: 1px solid #ddd;
    padding: 0 0 0 22px;
}


/* lists */
#page ul, #page ol { 
    margin: 0 0 25px 27px; 
}
#page li { 
    padding: 6px 0; 
    list-style: square; 
}


/* boxes */
.half, .third { 
    float: left; 
    width: 292px; 
    background: #fff; 
    padding: 15px; 
    margin: 0 30px 30px 0; 
}
.third {
    width: 175px;
}


.last { 
    margin-right: 0; 
}


/* home page bits */
#bits {
    clear: both;
    margin: 0 0 25px; 
}


.bit {
    float: left;
    width: 203px;
    padding: 0 35px 0 0;
}
.bit h4 {
    margin: 0 0 18px;
}
.bit img { margin: 0 0 8px; }


.bit p {
    font-size: .9em;
}
.bit.last { padding-right: 0; }
.more { margin: 0; }




/* sidebar */
#side { 
    float: right; 
    width: 220px; 
    font-size: .9em;
}
#side h4 {
    margin: 0 0 23px;
    font-size: 1.3em;
}


.news { 
    border-bottom: 1px dotted #ddd;
    margin: 0 0 11px;
 
}
.news h5 { 
    margin: 0 0 5px; 
    font-size: 1.2em;
}
.news p {
    margin: 0 0 11px;
}


#quote {
    margin: 0 0 30px;
    padding: 20px 0 0 0;
    font-size: .94em;
}


/* side menu */
.side-menu li { 
    list-style: none; 
    padding: 10px 4px; 
}


.side-menu li ul li{ 
    list-style: none; 
    padding: 10px 4px; 
    border-bottom: 1px solid #ddd; 
}




/* forms */
fieldset {
    border: 0;
}
label { 
    display: block;
    color: #444;
    padding: 0 0 2px;
}
input.text, textarea.text {
    width: 250px;
    padding: 5px;
    border: 0;
    border: 1px solid #ddd;
    margin: 0 0 3px;
}
textarea.text  {
    width: 400px;
    height: 120px;
}
input.submit {
    color: #fff;
    padding: 7px 10px;
    border: 0;
    font-weight: bold;
    background: #777;
}
.error,
.success                            {display:none;}    


/* footer */
#footer { 
    clear: both; 
    color: #FFF; 
    background: url(../images/footertile.jpg) repeat-x;
    font-size: .9em;
}
#footerbg {
    padding: 35px 0 15px 0;
    background: url(../images/footer.jpg) no-repeat center top;
}


#footer p { 
    margin: 0 0 12px;
    padding: 6px 0;
}


#footer li { 
        margin: 0 0 12px;
    padding: 6px 0;
    display: inline;
}
#footer_menu {
    float: right;
    padding: 4px 0 0;
}
#footer a { 
    color: #FFF; 
    margin: 0 5px 0 0; 
    padding: 6px 10px;
    background: url(../images/dot.png) no-repeat left center; 
    border: 1px solid transparent;
}
#footer a:hover {
    border-color: #555;
}
#fleft {
    clear: both;
    padding: 25px 0 0;
    font-size: .94em;
}


#copy { 
    color: #777; font-size: 1.1em; 
}
#copy span { 
    color: #FFF; 
}

Alles anzeigen

easywetten.com

Da tut sich nichts.. oder liegt es daran das ich das Menü ja über design->menü konfiguriere?

Tutrix

also über Firebug kann man jetzt alle 3 anpassen

#menu li a

#footer a

#copy

ach so, vielleicht solltest du die Datei auch wieder hochladen, denn online steht noch der alte Code :razz:

easywetten.com

Verrückt. Über Firebug sehe ich auch den alten Quellcode! :shock:
Ich habe aber über den Wordpress Editor alles geändert?!

Woran kann das denn liegen?!

Tutrix

diese 3 musst du ändern

Code

#menu li a { 
    display: block; 
    color: #999; 
    padding: 7px; 
    font-size: 1.1em; 
    border: 1px solid transparent; 
}


#footer a { 
    color: #999; 
    margin: 0 5px 0 0; 
    padding: 6px 10px;
    background: url(../images/dot.png) no-repeat left center; 
    border: 1px solid transparent;
}


#copy { 
    color: #777; font-size: 1.1em; 
}

Alles anzeigen

geändert hast du bisher dies

Code

#menu li ul li a { 
    color: #fff;
    margin: 4px; 
    white-space: nowrap;
    padding: 8px;    
}

easywetten.com

ich habe eine style.css im editor und musste manuel die main.css und die slider.css hochladen und in der main.css habe ich die anpassungen vorgenommen...komisch

Tutrix

wie du sehen kannst ist dort nichts geändert

http://le-rocco.de/wp-content/the…ca/css/main.css

vielleicht in den falschen Ordner hochgeladen

easywetten.com

Is alles angepasst...

HTML

/*


    
    corporattica // free CSS template
    
    =================================
    
    Author: Luka Cvrk
    
    Solucija - Awesome web templates
    www.solucija.com
    
    ---------------------------------


*/


@charset "utf-8";


/* reset */
*{
    margin:0;
    padding:0;
    outline:0;
}
img {
    border: 0; 
}
.clear { 
    clear: both; 
}
.line {
    clear: both;
    padding: 15px 0 0;
    margin: 0 0 25px;
    border-bottom: 1px solid #ddd;
}


body { 
    font: .8em Arial, Verdana, Tahoma, Sans-Serif; 
    background: #f4f4f4 url(../images/bgtile.jpg) repeat-x; 
    color: #555; 
}


/* typography and links */
a { 
    text-decoration: none;
    color: #333;
}


p  { 
    margin: 0 0 17px; 
    line-height: 1.6em; 
}


/* headings */
h1, h2, h3, h4, h5 {
    font-weight: normal;
}
h1 { 
    float: left; 
    font-size: 2.1em; 
    color: #fff;
    letter-spacing: -1.4px;    
    margin: 0 0 30px 0;
    padding: 34px 0 0 10px;
}
h1 a { 
    color: #fff; 
}
h2 { 
    margin: 0 0 15px; 
    font-size: 1.9em; 
    color: #000; 
}
h2.inner { 
    border-bottom: 1px solid #ddd; 
    margin: 0 0 25px; 
    padding: 0 0 10px; 
}
h3 { 
    margin: 0 0 7px;  
    font-size: 1.3em; 
    clear: both; 
    color: #000; 
    line-height: 1.3em; 
}
h4 { 
    margin: 0 0 10px; 
    font-size: 1.2em; 
    color: #000; 
}
h5 {
    font-size: 1em;
    color: #eee; 
    margin: 0 0 14px;
}


#bg { 
    background: url(../images/bg.jpg) no-repeat center top; 
}


/* content holder */
.wrap { 
    margin: 0 auto; 
    width: 960px;
}


/* menu */
#mainmenu { 
    float: right; 
    padding: 39px 0 0; 
}
#menu ul { 
    float: right; 
}
#menu li { 
    display: inline; 
    float: left; 
    margin: 0 0 0 18px; 
}
#menu li a { 
    display: block; 
    color: #fff; 
    padding: 7px; 
    font-size: 1.1em; 
    border: 1px solid transparent; 
}
#menu a:hover, #menu li.current a { 
    border-color: #444;  
}
#menu li ul { 
    top: 98px;
    background: url(../images/dot.png); 
    padding: 3px;
    font-size: .92em; 
    position: absolute; 
    display: none; 
    z-index: 100;     
}
#menu li ul li { 
    float: none; 
    display: inline; 
    margin: 0; 
    padding: 0; 
    clear: left;
}


#menu li ul li a { 
    color: #fff;
    margin: 4px; 
    white-space: nowrap;
    padding: 8px;    
}
#menu li ul li a:hover {
    background: #2C2D2F;
    border-color: #2C2D2F;
}


/* pitch slideshow */
#pitch { 
    clear: both; 
    height: 355px; 
    background: url(../images/shadow.png) no-repeat left bottom;
    margin: 0 0 25px;
}
#slideshow {
    position:relative;
    height: 310px;
}
#slideshow img {
    float: left;
}
#slideshow div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}
#slideshow div.active {
    z-index: 10;
}
#slideshow div.last-active {
    z-index: 9;
}


#zoom { 
    z-index: 11; 
}


/* pitch overlay */
.overlay {
    clear: both;
    float: left; 
    z-index: 100;
    position: relative; 
    margin: 100px 0 0; 
}
.overlay h2{ 
    color: #fff; 
    font-size: 2em;
    background: url(../images/dot.png);
    padding: 16px;
    margin: 0;
    float: left;
    width: 300px;
}
.overlay p {
    clear: both;
    background: #fff;
    padding: 16px;
    width: 300px;
}


#slideshow:hover .arrow {
    background: url(../images/dot.png);
}


.arrow { 
    float: right;
    position: relative;
    width: 65px;
    height: 63px;
    margin: -180px 0 0;
    z-index: 100;
}


.arrow a { 
    float: left;
    background: url(../images/pitcharrow.gif) no-repeat center center; 
    width: 15px;
    height: 24px;
    padding: 19px 25px;
}




/* inner pitch */
#inner-pitch {
    clear: both;
}
#inner-pitch .overlay {
    margin: 0;
    width: 920px;
}


/* main content */
#main { 
    clear: left; 
    float: left; 
    width: 680px;
    border-right: 1px dotted #ddd;
    padding: 0 30px 0 0;
    margin: 0 0 30px;
}


#intro { 
    padding: 0 0 20px; 
    margin: 0 0 25px;
    border-bottom: 1px dotted #ddd; 
}


/* holder for page content */
#page { 
    
}
.justify { 
    text-align: justify; 
}


/* images align */
.left { 
    float: left; 
    margin: 0 15px 5px 0; 
}
.right { 
    float: right; 
    margin: 0 0 5px 15px; 
}


/* tables */
.table { 
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 30px;    
}
.table td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.table thead td {
    font-weight: bold;
    border-bottom: 3px double #ddd;
    border-top: 1px solid #ddd;
    background: #fff;
}
.table .odd td { background: #fff; }


/* blog posts */
.blog-post  { 
    border-bottom: 1px solid #ddd; 
    margin: 0 0 30px; 
}
.blog-date { 
    float: left; 
    width: 40px; 
    text-align: right; 
    font-size: .9em; 
    padding: 4px 0 0;
}
.blog-date span { 
    font-size: 1.8em; 
}
.blog-body { 
    float: right; 
    width: 590px; 
    border-left: 1px solid #ddd;
    padding: 0 0 0 22px;
}


/* lists */
#page ul, #page ol { 
    margin: 0 0 25px 27px; 
}
#page li { 
    padding: 6px 0; 
    list-style: square; 
}


/* boxes */
.half, .third { 
    float: left; 
    width: 292px; 
    background: #fff; 
    padding: 15px; 
    margin: 0 30px 30px 0; 
}
.third {
    width: 175px;
}


.last { 
    margin-right: 0; 
}


/* home page bits */
#bits {
    clear: both;
    margin: 0 0 25px; 
}


.bit {
    float: left;
    width: 203px;
    padding: 0 35px 0 0;
}
.bit h4 {
    margin: 0 0 18px;
}
.bit img { margin: 0 0 8px; }


.bit p {
    font-size: .9em;
}
.bit.last { padding-right: 0; }
.more { margin: 0; }




/* sidebar */
#side { 
    float: right; 
    width: 220px; 
    font-size: .9em;
}
#side h4 {
    margin: 0 0 23px;
    font-size: 1.3em;
}


.news { 
    border-bottom: 1px dotted #ddd;
    margin: 0 0 11px;
 
}
.news h5 { 
    margin: 0 0 5px; 
    font-size: 1.2em;
}
.news p {
    margin: 0 0 11px;
}


#quote {
    margin: 0 0 30px;
    padding: 20px 0 0 0;
    font-size: .94em;
}


/* side menu */
.side-menu li { 
    list-style: none; 
    padding: 10px 4px; 
}


.side-menu li ul li{ 
    list-style: none; 
    padding: 10px 4px; 
    border-bottom: 1px solid #ddd; 
}




/* forms */
fieldset {
    border: 0;
}
label { 
    display: block;
    color: #444;
    padding: 0 0 2px;
}
input.text, textarea.text {
    width: 250px;
    padding: 5px;
    border: 0;
    border: 1px solid #ddd;
    margin: 0 0 3px;
}
textarea.text  {
    width: 400px;
    height: 120px;
}
input.submit {
    color: #fff;
    padding: 7px 10px;
    border: 0;
    font-weight: bold;
    background: #777;
}
.error,
.success                            {display:none;}    


/* footer */
#footer { 
    clear: both; 
    color: #999; 
    background: url(../images/footertile.jpg) repeat-x;
    font-size: .9em;
}
#footerbg {
    padding: 35px 0 15px 0;
    background: url(../images/footer.jpg) no-repeat center top;
}


#footer p { 
    margin: 0 0 12px;
    padding: 6px 0;
}


#footer li { 
        margin: 0 0 12px;
    padding: 6px 0;
    display: inline;
}
#footer_menu {
    float: right;
    padding: 4px 0 0;
}
#footer a { 
    color: #fff; 
    margin: 0 5px 0 0; 
    padding: 6px 10px;
    background: url(../images/dot.png) no-repeat left center; 
    border: 1px solid transparent;
}
#footer a:hover {
    border-color: #555;
}
#fleft {
    clear: both;
    padding: 25px 0 0;
    font-size: .94em;
}


#copy { 
    color: #777; font-size: 1.1em; 
}
#copy span { 
    color: #777; 
}

Alles anzeigen

Tutrix

wie schon geschrieben, du bist mit der css im falschen Ordner

da
corporattica/css/main.css

statt
corporattica/main.css

easywetten.com

Ohne Witz! Die Datei war in 2 Ordnern! :-/

Besten Dank! VIELEN DANK!

Hast einen bei mir gut...! DANKE DANKE! :razz:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

neues Theme Corporattica

Jetzt mitmachen!