Can someone pls help to modify this layout? Aberdeen

[mdivk]

Hi Gurus,

I am not familar with php or css, my exp is on asp.net/sql so I need your help.

I am using aberdeen template because I need a slide for my website. The problem is I want the slide's width be adjustable and I don't know where to do it.

Second, I want to adjust the side columns' position, pushing them down the side while making the slide across the whole page. or even turn off both side columns.

Please help, thank you very much.

Here is my site:

http://www.xiexianhui.com/ibnest

[stevesh]

I can't answer your first question, as I don't use sliders, but it appears that the slider dimensions are set in the #slider rule in the stylesheet.

For the other, you would need to use margin-top: in the #navColumnOneWrapper and #navColumnTwoWrapper rules to move them down, then use absolute positioning to place the slider where you want it.

[picaflor-azul]

Hi Gurus,

I am not familar with php or css, my exp is on asp.net/sql so I need your help.

I am using aberdeen template because I need a slide for my website. The problem is I want the slide's width be adjustable and I don't know where to do it.

Second, I want to adjust the side columns' position, pushing them down the side while making the slide across the whole page. or even turn off both side columns.

Please help, thank you very much.

Here is my site:

http://www.xiexianhui.com/ibnest

If you read the readme file included in the template package there are detailed instructions on how to use images in the slider that are different dimensions than the default.

Thanks,

Anne

[mdivk]

I modified some settings:

1. turned off all side columns through Tools->Layer Box Controller

2. Make the slide bigger: 950*250 in stylesheet.css

Now how do I move the slide left so it can sit in the middle of the page?

It would be great if you can tell me how to do this sort of style tricks by refer me somewhere that explains each item in stylesheet.css (is there such one?)

Big thanks in advance.

[stevesh]

If you don't plan to reactivate the sideboxs, turn the the columns off globally in Admin - Configuration - Layout Settings.

For future reference, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

(If you're using Firefox 4-8, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)

[mdivk]

If you don't plan to reactivate the sideboxs, turn the the columns off globally in Admin - Configuration - Layout Settings.

For future reference, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

(If you're using Firefox 4-8, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)

Thanks for the info, but could you tell me how do I shift the slide to the middle of the page?

I tried a few, still couldn't get it working. Sorry for giving you more work, can you use the plugin to adjust my website? http://www.xiexianhui.com/ibnest

[bn17311]

check your left column is definitely off

add to includes/templates/YOUR TEMPLATE NAME/common/tpl_main_page.php

  if ($this_is_home_page) {
     $flag_disable_left = true;
  } 

just after

  if (in_array($current_page_base,explode(",",'list_pages_to_skip_all_right_sideboxes_on_here,separated_by_commas,and_no_spaces')) ) {
    $flag_disable_right = true;
  } 

hope this helps

bryan

[mdivk]

check your left column is definitely off

add to includes/templates/YOUR TEMPLATE NAME/common/tpl_main_page.php

....

bryan

Thanks, why I don't see tpl_main_page.php in the folder?

[mdivk]

Thanks, why I don't see tpl_main_page.php in the folder?

the file actually exists in \includes\templates\template_default\common, I'll try there

[mdivk]

check your left column is definitely off

add to includes/templates/YOUR TEMPLATE NAME/common/tpl_main_page.php

  if ($this_is_home_page) {
     $flag_disable_left = true;
  } 

just after

  if (in_array($current_page_base,explode(",",'list_pages_to_skip_all_right_sideboxes_on_here,separated_by_commas,and_no_spaces')) ) {
    $flag_disable_right = true;
  } 

hope this helps



bryan

Thank you, it works!!! just the file location should be the one I post here