Welcome to Geeklog, Anonymous Friday, April 19 2024 @ 02:14 pm EDT

Geeklog Forums

Help finding some of the areas on the main page.


Status: offline

TennSeven

Forum User
Junior
Registered: 04/26/09
Posts: 16
I am looking for code corresponding to the areas I have circled in red here.

Basically, I am looking to get rid of the whitespace between the left block and the stories section, the border between the right block and the stories section (I figured out where to get rid of the whitespace on that side somewhere in style.css, but couldn't find the corresponding code for the left side), and the white squares below the right and left blocks (I want to fill them in green like the rest of the page).

Does anyone know where the code corresponding to these specific areas resides?

 Quote

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Location:la rochelle, France
Hello TeenSeven,

Try this color solution. In the header.thtml find
Text Formatted Code
<table cellspacing="0" cellpadding="0" style="width:100%;">

and change for
Text Formatted Code
<table cellspacing="0" cellpadding="0" style="width:100%; " id="myMainTable">

In the css add
Text Formatted Code
#myMainTable {
  background:green;
}

and change green for your own color.

Or/and change also the border and the background color from
Text Formatted Code
.block-outerborder-left {
  border-left:1px solid #E7E7E7;
  padding:0px;
  margin:0px;
}
.block-outerborder-right {
  border-right:1px solid #CCCCCC;
}


::Ben
I'm available to customise your themes or plugins for your Geeklog CMS
 Quote

Status: offline

TennSeven

Forum User
Junior
Registered: 04/26/09
Posts: 16
Cordiste,

Thank you for the reply, but it didn't work. The "myMainTable" thing just turned the entire page green, which wasn't quite what I was going for. The alternate method (the "outerborder" stuff) did not seem to make a difference at all.

Basically, I am just trying to turn the areas in the red circles green so that all of the green borders connect (and the stories look like floating white boxes), and to get rid of the two white boxes at the very bottom of the two blocks on the left and right.

Any other ideas?
 Quote

Status: offline

suprsidr

Forum User
Full Member
Registered: 12/29/04
Posts: 555
Location:Champaign, Illinois
Professional theme related?
leftblocks.thtml
Text Formatted Code
                <td class="block-outerborder-left">
                    <div style="background:transparent; width:10px; height:1px;"></div>
                </td>

reduce the width, or remove the column completely

looks like the space on the right is caused by style.css
Text Formatted Code
.story-container {
padding-right:9px;
vertical-align:top;
width:100%;
}

reduce the padding-right

To get this top-secret info I'm simply using the firebug plugin for firefox.

-s


FlashYourWeb and Your Gallery with the E2 XML Media Player for Gallery2 - http://www.flashyourweb.com
 Quote

Status: offline

TennSeven

Forum User
Junior
Registered: 04/26/09
Posts: 16
Thanks Suprsidr!

I had already removed the column in leftblocks, but with that Firebug tool I was able to figure out where to fix that one (I have already forgotten where it was). The solution you posted for the right side worked perfectly!

I am still trying to fix a couple of things, illustrated here.

Does anyone have any idea how to get rid of the two empty blocks at the bottom of the left and right columns (with the red X's on them in the screenshot)? Also, I am trying to slightly reduce the text input box in the search block (it is overlapping the border a little, as can be seen inside the red circle). Any ideas? Thanks, TennSeven

 Quote

All times are EDT. The time is now 02:14 pm.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content