Dear all XOOPS professional,

I'm using the default theme and would like to remove the double line frame for each item at the center block.

Could anyone show me the details to edit it; i.e. open which file and which portion should be edited!

Much Thanks!

Boaz
New user

The appearance of the blocks is controlled by your theme - in your themes directory, open the style.css file and look for the .blockTitle, .blockContent for each column. You can make changes there. Also, in theme.html, each block is surrounded by a <fieldset> tag, which draws another box around the block.

Hope this helps!

Find the "theme_blockcenter_c.html" file for the Default theme and open it with your editor. You will see:

<div style="padding: 5px;">
<fieldset>
<{if $block.title != ""}><legend class="blockTitle"><{$block.title}></legend><{/if}>
<div class="blockContent"><{$block.content}></div>
</fieldset>
</div>

Remove the <fieldset> tag and the closing </fieldset> tag and save the file.

This will get rid of the surounding fieldset line. However you may want to edit your style.css to reflect a new look for your center blocks.


Open your css folder for the Default theme and then the style.css file with your editor. You can change the look and feel for the center blocks by editing these:

td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-left: 0px;}
td#centerCcolumn div.blockContent {margin-right: 0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%;}


Do the same for the td#centerLcolumn and the td#centerRcolumn. You can use the td#leftcolumn or td#rightcolumn legend.blocktitle and div.blockContent as examples.

Thanks you for your valuable input, thanks a lot.