Columner help with simple edits

Pandii / 2013-10-13 02:11:06   

Hi
I've been playing around with Columner and have got it working. I've managed to edit some of the css styles but can't seem to get these edits along these code lines to work.

1. Pre-nav and Post-nav to the appear on the left. (line 50)
2. Align content text area with top menu, using margin & padding. (line 181)
And widen content text area (in particular when there is an image, using margin & padding. (line 181)
3. H1, H2, H3, H4 font-family, font-size & font-weight not working. (line 193 and so forth)
pandarosa.com.au/">My link.

cheers

Skaatar / 2013-10-14 11:51:04   

1+2)
I have this on my site:

  1. /* PRE NAV TEXT - Title top left and banner - Title left */
  2. #index .top-section
  3. {
  4.     text-align: left;
  5.     float:inherit;
  6.     z-index: 1;
  7.     left: 40px;
  8.     top: 25px;
  9.     width: 100%;
  10.     margin-bottom:5px;

Should work for you to

3)
are you writing

  1. <h4>your text</h4>

when you write things in html, the exhibit?

For the section titles, just insert e.g. h4 as the main font

This is a correct css:

  1. h1 { font-size: 14px; margin-bottom: 1px; font-weight: bold; }

hope that helps

Pandii / 2013-10-15 07:50:23   

Thank you!

Would you be able to help with expanding the text area in each exhibit.
It seems that when there is 'only text' present its 592 pixels wide and when there is 'an image next to the text', the text is 178 pixels wide.
Can I set the text width to 240 pixels with margins on the left and right?

Skaatar / 2013-10-15 19:13:23   

Yes, you can. By the way it's quite nice to just write width:auto;
It makes it look more even

For the margins I'd write margin-right:90px; or some other digits.
You won't need left since it's already floating left, making it 0 to the left.

Skaatar / 2013-10-15 19:14:42   

Sorry, I meant aligned left, not float.

Pandii / 2013-10-15 23:10:40   

Do I just add this code (below) to line 186 (or line 224):
width: auto;
margin-right: 90px;
left: 0px;

Skaatar / 2013-10-16 15:47:42   

In my case it's in my style.css line 68 (width:auto;)
In the original it even says /* the width of each column in the menu */ next to it.
margin-right and all other codes should go into the same set, -that is, in between #index ul { and }

#index ul is the header we're talking about.

Pandii / 2013-10-17 11:06:37   

great, thanks.

I still cannot seem to get the text area wider in exhibits that contain images.

arsondpi / 2013-10-17 16:03:13   

Pandii simply go to Admin>Formats>Horizontal, Options and increase the text width slider.

Pandii / 2013-10-18 06:24:01   

perfect.
thanks all.

This thread has been closed, thank you.