Blog Artikelseite vergrössern

Tonybremen

Hallo,

eine Frage habe ich. Ich habe das Theme http://demo.fabthemes.com/Shuttershot/
Wenn ich auf Blog/Seite gehe, habe ich dort auf der rechten Seite immer die Widgets. Ich möchte aber die Widgets deaktivieren und dafür die Blogseite bzw. den Seiteninhalt vergrößern. Also es soll nichts an den Rahmen oder so verändert werden sonder die Widgets weg und dafür den Inhalt der Schriftzug und Bilder vergrößern.
Fällt mir etwas schwer, das zu beschreiben.
Fragt mich sonst einfach wieder, wenn das nicht verständlich ist.

Mior würde es helfen, wenn ich weiß, wie die PHP-Datei der gesamten Seite heißt wo der Loop drinne ist?

Ich wäre sehr dankbar für die Hilfe

Viele Grüße

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

Gerd-E.

Hallo Tonybremen,

du musst dafür aus den Themedateien wie single.php oder page.php den sidebar-code

PHP

<?php get_sidebar(); ?>

(ist fast ganz unten in diesen Dateien) entfernen. Wenn ein Child-Theme schon mit bei dem Paket dabei ist, dann kopiere diese Dateien in den Child Ordner und mache die Änderungen dort.

Dann musst du noch in der style.css die Breite des Content anpassen wie z.B: für die Seiten ab Zeile 80

Code

.container_12 .grid_8 {


    width: [COLOR=#ff0000]620[/COLOR]px;






}

Alles anzeigen

Tonybremen

Hallo vielen Dank für die Hilfe, ich finde diesen Part nicht!

Zitat

.container_12 .grid_8 {
width: [COLOR=#ff0000]620[/COLOR]px;

}

Wenn ich ab Zeile 80 schaue, sind danach ganz schön viele Codes wie zB.

img.alignleft {
padding: 5px 5px;
margin: 10px 15px 10px 0px;
display: inline;
background:#eee;

}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.alignright {
float: right;
margin: 0px 0px 10px 10px;
}

.alignleft {
float: left;
margin: 10px 15px 10px 0px;
}

.wp-caption {

text-align: center;
background:#eee;
padding: 4px 0px 5px 0px;
margin: 10px 10px ;
}

.wp-caption img {
margin: 0px 0px 5px 0px;
padding: 0px;
border: 0px;

}

.wp-caption p.wp-caption-text {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
color:#444;
}
.rounded{

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

und noch mehr, kein Plan wo das was ich suche zu finden ist.

Bitte um Hilfe, Viele Grüße

Gerd-E.

Hi Tonybremen,

ja, das ist nicht in der style.css, sorry, das ist hier -> http://cdn.demo.fabthemes.com/shuttershot/wp…ot/css/grid.css

Das Theme greift auf ein Framework zu, wenn du die classe hier änderst, hast du es in voller Breite

Code

<div id="content" class="site-content"><div class="container_12 site-cover">


<div id="primary" class="content-area grid_[COLOR=#ff0000]12[/COLOR]">




<div id="secondary" class="widget-area grid_4" role="complementary">




</div>




</div>

Alles anzeigen

musst mal sehen, in welcher Datei das generiert wird.

Tonybremen

Hallo danke für deine Bemühungen.

Ich habe keinen Ordner der CSS heißt! Mit dieser Endung: css/grid.css

Die DAtei existiert bei mir nicht!

Gerd-E.

Ich habe bei der Demo-Seite geschaut, ein Link zu deiner Seite wäre gut ;-)

Gerd-E.

Ja, da sieht es anders aus ;-)

Ab Zeile 527 der style.css findes du was zum Ändern

Code

#content {


    display: inline;
    float: left;
    height: 100%;
    margin: 10px 0 0 20px;
    overflow: hidden;
    padding: 10px 0 0;
    width: [COLOR=#ff0000]680[/COLOR]px;






}

Alles anzeigen

Tonybremen

Auf 527 steht das:

#content {
float:left;
width: 480px;
height:100%;
padding:10px 0px 0px 0px;
margin:10px 0px 0px 20px;
display:inline;
overflow:hidden;

Tonybremen

Ach, die Reihenfolge ist anders oder?

Tonybremen

Klappt super, danke, danke. Noch ne kurze Frage, ich verschiebe nun nur den Inhalt, wo kann ich den weißen Hintergrund mit verschieben?

Gerd-E.

Wohin soll der Hintergrund verschoben werden?

Tonybremen

ich würde wenn ich zb. auf Blog klicke, gerne größere Fotos positionieren! deshalb muss der weiße Hintergrund breiter sein.

Gerd-E.

Ja, geht auch,

Ab Zeile 180 der style.css

Code

#casing {


    margin: 0 auto;
    padding: 0;


    width: [COLOR=#ff0000]1000[/COLOR]px;






}

Alles anzeigen

[COLOR=#ff0000][/COLOR]
und ab Zeile 215

Code

.incasing {
    background: none repeat scroll 0 0 #FAFAFA;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    float: left;
    margin-bottom: 50px;
    margin-top: 150px;
    padding: 0 0 20px;
    width: [COLOR=#ff0000]1000[/COLOR]px;






}

Alles anzeigen

Tonybremen

Hallo Gerd-E. ganz herzlichen Dank dafür, das hat mir gut weitergeholfen. Ich habe alles angepasst und hätte 2 Sachen noch zum ändern. Dann nerve ich auch nicht mehr :D

Das 1. wäre: Ich möchte gerne, die Fotos die ich poste auf der Artikelseite etwas kleiner haben. Beim klick auf das Fotos, soll das vergrößert werden. Kann ich das einstellen, dass es automatisch eine bestimmte Größe hat? Ich habe jetzt nämlich genau die selbe Größe, wie die, die ich anklicke!

2. Wo finde ich die Fonts? Das "Ä" dieses Fonts sieht nicht gut aus.

Ich danke dir herzlich für deine Bemühungen

Tonybremen

Hallo, ich habe damals diese Box geändert. Mal eine Frage, nun habe ich die Größe wieder verändert und schaffe nicht die Box zentrieren bzw. überhaupt von links nach rechts zu bewegen. Nur hoch und runter. Kann mir jemand behilflich sein? Die Webseite sende ich auch gerne per Mail zu.

Viele Grüße

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Blog Artikelseite vergrössern

Jetzt mitmachen!