Welcome to Geeklog Saturday, November 16 2019 @ 11:59 pm EST

Geeklog Forums

Help finding some of the areas on the main page.


Status: offline

TennSeven

Forum User
Junior
Registered: 26/04/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?


Status: offline

::Ben

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

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

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

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

and change green for your own color.

Or/and change also the border and the background color from
PHP 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

Status: offline

TennSeven

Forum User
Junior
Registered: 26/04/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?

Status: offline

suprsidr

Forum User
Full Member
Registered: 29/12/04
Posts: 555
Location:Champaign, Illinois
Professional theme related?
leftblocks.thtml
PHP 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
PHP 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

Status: offline

TennSeven

Forum User
Junior
Registered: 26/04/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


All times are EST. The time is now 11:59 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