Mainpage Column 1-3 in einer Reihe, Nummer 4 aber nicht mehr « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » CleanCut

not a support question

Mainpage Column 1-3 in einer Reihe, Nummer 4 aber nicht mehr

24 posts from 4 voices

Started 2 years ago by emitremmus
Latest reply from Zrated09
This topic is not a support question

Tags:

No tags yet.

emitremmus
Member

Hallo,

ich habe bei den Mainpage Columns 1-4 bei allen: "Widget" ausgewählt.

Widget Nr. 1 = CleanCut Sidebar News
Widget Nr. 2 = Text
Widget Nr. 3 = Archiv
Widget Nr. 4 = WP Forecast

Nun sind alle bis auf Nummer 4 in einer Zeile. Widget Nummer 4 allerdings liegt unter Nummer 3, so dass das total besch... aussieht.

Was kann ich tun, damit alle 4 Columns auf einer Zeile liegen?
Ist es auch möglich nur 3 Cloumns zu haben? Was müchte ich da ändern?

Viele Grüße
emitremmus

Posted 2 years ago #
James Morrison
Former Team Member

Hey

I don't speak German, so unfortunately can't answer your question / comments. I'm sure Kriesi or Dude will see this soon though.

Ich spreche kein Deutsch, so dass leider nicht beantworten Ihre Frage / Kommentare. Ich bin sicher, Kriesi oder Dude wird dies aber bald zu sehen. (Google Translate version)

James

Posted 2 years ago #
emitremmus
Member

Hello,

i only want to have 3 columns, instead of the standard 4.
cloumn number 1 should be over the full width of the page. the other 2 columns should be under number 1 and each one only be the half width of the page.

do you understand what i want?

Posted 2 years ago #
Dude
Dude
Hey,
bitte entschuldige die späte Antwort. Es ist leicht möglich die Anzahl der Spalten zu reduzieren. Öffne index.php und ersetze folgenden Code:
```
$k_option['mainpage']['mainpage_column'] = 4;
```
mit:
```
$k_option['mainpage']['mainpage_column'] = 3;
```
Falls du alle 4 Spalten verwenden möchtest, müsste man wahrscheinlich das CSS anpassen. Ein Widget/eine Spalte scheint "breiter" zu sein als normal und deswegen wird sie unterhalb der anderen dargestellt. Ich bräuchte aber einen Link um zu helfen :)
Posted 2 years ago #
emitremmus
Member

Ok, ich hab jetzt die Anzahl auf 3 geändert.

Nun möchte ich aber gern, dass Column Nummer 1 über die ganze Breite der Seite geht. Die anderen beiden sollten darunter liegen und jeweils die Hälfte der Seite einnehmen.

Link ist folgender: http://www.calypso-unternehmen.eu

Posted 2 years ago #
Dude
Dude
Im Prinzip sollte man die Weite steuern können, indem man sie für jede Spalte individuell regelt. Füge z.B. folgenden Code zu style.css hinzu (ganz am Ende):
```
.box1{
width: 100%
}

.box2, .box3{
width: 50%
}
```
Posted 2 years ago #
emitremmus
Member

hmm...ich hab die änderung jetzt so gemacht, aber da tut sich irgendwie gar nichts.
ich glaube eher, dass ich hier etwas einstellen muss:

/*column widths for fullwidth pages and reduced width pages*/

#top .wrapper .center .last{
margin-right:0px;
}

/*Reduced width: eg pages with sidebars*/
.one_fourth, .box_small{overflow:hidden; float:left; position: relative; font-size:12px; line-height:1.7em; margin-right:23px; width:137px;}
.one_third{overflow:hidden; float:left; position: relative; margin-right:23px; width:191px; }
.one_half{overflow:hidden; float:left; position: relative; margin-right:23px; width:298px; }
.three_fourth{overflow:hidden; float:left; position: relative; font-size:12px; margin-right:23px; width:460px; }
.two_third{overflow:hidden; float:left; position: relative; margin-right:23px; width:406px; }

aber vielleicht irre ich mich da auch...

Posted 2 years ago #
Dude
Dude
Soweit ich sehen kann wird das Attribut überschrieben. Probiere mal:
```
.box1{
width: 100% !important;
}

.box2, .box3{
width: 50% !important;
}
```
Posted 2 years ago #
emitremmus
Member

ok, jetzt scheint es zu funktionieren. Danke!!!!

Hab nur noch 2 Fragen:
Wie bekomme ich den "Read more" Button weg?
Wie bekomme ich diese gestrichelten Linien bei "Über uns" weg?

Posted 2 years ago #
Dude
Dude
1) Siehe: http://www.kriesi.at/support/topic/remove-read-more-button

2) Je nachdem:

a) Sollen alle Überschriftslinien verschwinden, dann lösche folgenden code aus style4.css:
```
.siteheading, .entry h4, .entry h3{
background: transparent url('../images/skin4/border_horizontal.png') repeat-x bottom right;
}
```
b) Nur die Überschriftslinien für "Über uns" (box1) dann füge folgenden code zu style.css oder style4.css hinzu:
```
.box1 .entry h3{
background: transparent none !important;
}
```
Posted 2 years ago #
emitremmus
Member

alles klar, das funktioniert.

noch eine letzte Frage: Wie bekomme ich die Überschriften (zum Beispiel "Über uns" oder die im Widget) als h2 Überschrift? Ich hätte das gerne größer, da es sich meiner Meinung zu wenig abhebt.

Posted 2 years ago #
Dude
Dude
Füge am besten ein font-size Attribute zu der box1 h3 Überschrift hinzu. Dies ist leichter als eine H2 Überschrift einzufügen. I.e. verwende folgenden code:
```
.box1 .entry h3{
background: transparent none !important;
font-size: 40px;
}
```
Man kann natürlich jeden Wert einstellen (z.B. H2 Schriftgröße)...
Posted 2 years ago #
emitremmus
Member

hm, seltsam. tut sich trotz einfügung in die style.css leider nichts.
trotzdem würde ich deine variante bevorzugen und nur für die boxen die schriftgröße ändern. mich stört es halt nur auf der startseite.

Posted 2 years ago #
Dude
Dude
Möglicherweise wird das Attribut wieder überschrieben. Probiere:
```
.box1 .entry h3{
background: transparent none !important;
font-size: 40px !important;
}
```
Posted 2 years ago #
emitremmus
Member

hmm, seltsam.
das hatte ich natürlich auch schon probiert. aber auch hier tut sich gar nichts.

Posted 2 years ago #

Ok, dann lassen wir ein CSS Element weg :)

.box1 h3{
background: transparent none !important;
font-size: 40px !important;
}

Posted 2 years ago #

Zrated09
Member

Dude,

How do I get it so that I can display box 1 (with a page) at 75%, box 2 (with a widget) at 25% with box 3 and 4 underneath one and two, both at 50%

I was able to follow the instructions above to get box 1 at 75% over, box 2 & 3 at 50% (all with pages). But as soon as I try adding box 2, it pushes box 2 below box 1.

Thanks.

http://www.lunstrumwindows.com for your reference

Posted 1 year ago #
Dude
Dude

Hey,
please make the changes and I'll investigate the css of box2 to position it right.

Posted 1 year ago #
Zrated09
Member

The changes have been made.

Also, I would like to remove the "read more button" and change the heading font color on box 1 only. Can you help me with this too?

Thanks in advance.

Posted 1 year ago #
Dude
Dude
Ok - try to add following to style.css (at the very bottom):
```
.home .box2{
width: 19% !important;
margin-right: 0 !important;
}
```
It's not 25% but it covers the whole page width.
Posted 1 year ago #
Zrated09
Member

Worked. Thank you!

Can you help me with the other requests regarding the read more button and the heading font color for box 1?

Thanks for all of the great support

Posted 1 year ago #
Dude
Dude
1) Open up cleancut/framework/classes/kclass_display_box.php and delete following code:
```
echo '<a href="'.get_permalink().'" class="more-link">Read more</a>';
```
2) Add following to style.css (at the very bottom):
```
.home .box1 h1{
color: #333 !important
}
```
and adjust the color value.
Posted 1 year ago #
Zrated09
Member

Is it possible to remove the Read More button on Box one only?

Posted 1 year ago #
Zrated09
Member

I tried the CSS code but it didn't change anything. Any thoughts?

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.

© Copyright Kriesi.at – Wordpress Themes and HTML Templates

top