• Registered: 2010-04-30
  • Posts: 3

Topic: How to change the layout?

Hello,

I am a new user here, Wordpress, and website making so please don't flame me if these questions are stupid or have been asked already.  Anyways, I just downloaded and applied Arras Theme 1.4.3b2 to my website I am making: http://www.theisbe.org/nusbr/.

There are many things I want to change.

Changes to the Header

1) How do I edit the header.  I want to remove the search bar and add links to the upper right hand corner (in the red box).  Specifically I want to add the links, 'Home,' 'Log In,' 'Contact Us'.
http://img707.imageshack.us/img707/7903/nusbr1.jpg

2) How do I modify the RSS feed symbol.  I am thinking about either removing it and putting it in an other location or changing the icon from orange to purple.

Changes to the Main Body

1) In the large slide show, how do I change the picture for the arrows?  And does anybody have a link to alternative arrow images I can use?

2) On the right side where the widgets are, instead of having each widget be in its own box, how do I change it to look like the Wordpress in the tutorial: http://www.arrastheme.com/forums/topic1 … heme.html.  Notice how you can click on the 'Featured,' 'Latest,' 'Comments,' and 'Tag Cloud,' to bring them out.

3) For the titles of the widgets, how do I change the color of the background.  Specifically, I want to make it so that the color is gradient, so that it fades from purple to white.

Changes to the Footer

1) How do I extend the Tag widget so that it stretches from the left to the right?  Currently the Tag Cloud widget is really small.

2) How do I extend the entire footer from one side of the website to another.  I want the footer to be 'liquid' so that it'll fit any browser size. 

3) Finally, how do I divide up the footer so that I have a site map in my footer.  Basically, I want a footer that looks just like this one: http://greyfox.me/

Thanks!  Sorry for the large amount of questions.

Thumbs up

  • From: Netherlands
  • Registered: 2010-01-25
  • Posts: 4,159
  • User Karma: 313

Re: How to change the layout?

somecut8 wrote:

1) How do I edit the header.  I want to remove the search bar and add links to the upper right hand corner (in the red box).

#searchbar { display: none; }

2) On the right side where the widgets are, instead of having each widget be in its own box, how do I change it to look like the Wordpress in the tutorial: http://www.arrastheme.com/forums/topic1 … heme.html.  Notice how you can click on the 'Featured,' 'Latest,' 'Comments,' and 'Tag Cloud,' to bring them out.

That's the tabbed widget. See appearance - widgets.

3) For the titles of the widgets, how do I change the color of the background.  Specifically, I want to make it so that the color is gradient, so that it fades from purple to white.

I don't know if you can do that with a code, you'd looking at an image for the gradient..

2) How do I extend the entire footer from one side of the website to another.  I want the footer to be 'liquid' so that it'll fit any browser size.

#footer                { width: 100%; }

My Arras themed & Arras related site: NullCore.
Please ask questions about Arras on forum, not through mail, thanks.

extatix's Website

Thumbs up

  • Registered: 2010-04-30
  • Posts: 3

Re: How to change the layout?

Thanks a lot!  Except, I just upgraded to 1.4.3 and instead of using a plugin user.css, I'm trying to use the user.css that comes with Arras.  For some reason, the user.css won't load.  Why's that?

Last edited by somecut8 (2010-04-30 19:36:58)

Thumbs up

  • Registered: 2010-11-03
  • Posts: 6

Re: How to change the layout?

I just posted this in another section where someone else had asked about a 100% fluid layout, but our two posts are the only ones in that forum so I thought I'd place it here too, where there's a little more action happening. Hopefully the answer will benefit others too. I would be very grateful for some advice on this.

I'm using Arras with 3-column layout to create a site for a local newspaper which has a very wide layout due to the features we need. Love the presentation, but many of our viewers are using lower resolution screens. Is there a simple way (or any way) to get the page and all its contents to resize according to the viewer's requirements?

I've tried combing through and changing all the css settings (changing px to % and px to em) and have a (barely) acceptable presentation going, but the contents of the image windows (most importantly the featured slideshow) and sidebar galleries (monster issue as these will contain local advertising) don't resize with the layout. Neither do the frames around them, and I haven't been able to find the setting for that. The Arras forum is nicely fluid, but then it doesn't have images to deal with.

I have a 1.1.2011 deadline and would appreciate it if anyone who has information on this would post as soon as possible so I can get past this issue and the late nights it's made habitual lately. Link: http://www.thejacksonvillereview.com/blog
~ Thanks so much!

Thumbs up

  • SOHO
  • Member
  • Offline
  • Registered: 2011-01-04
  • Posts: 1

Re: How to change the layout?

hanasazi wrote:

I just posted this in another section where someone else had asked about a 100% fluid layout, but our two posts are the only ones in that forum so I thought I'd place it here too, where there's a little more action happening. Hopefully the answer will benefit others too. I would be very grateful for some advice on this.

I'm using Arras with 3-column layout to create a site for a local newspaper which has a very wide layout due to the features we need. Love the presentation, but many of our viewers are using lower resolution screens. Is there a simple way (or any way) to get the page and all its contents to resize according to the viewer's requirements?

I've tried combing through and changing all the css settings (changing px to % and px to em) and have a (barely) acceptable presentation going, but the contents of the image windows (most importantly the featured slideshow) and sidebar galleries (monster issue as these will contain local advertising) don't resize with the layout. Neither do the frames around them, and I haven't been able to find the setting for that. The Arras forum is nicely fluid, but then it doesn't have images to deal with.

I have a 1.1.2011 deadline and would appreciate it if anyone who has information on this would post as soon as possible so I can get past this issue and the late nights it's made habitual lately. Link: http://www.thejacksonvillereview.com/blog
~ Thanks so much!

In file /wp-content/themes/arras/css/base.css
line 209
#footer {
margin: 20px auto 0px;
padding-bottom: 10px;
width: 99%;
}

Thumbs up

  • Registered: 2011-01-14
  • Posts: 6

Re: How to change the layout?

We just added this code in order to have the text stay within the bounds of the index

#index-featured1 {

text-overflow: ellipsis;
   overflow: hidden;

}

It looks similar to what you have in that as you change the zoom settings in Firefox, the text does not overflow into the areas adjacent to the #index-featured-efca1 area.  We added this property to the #index-featured1, #index-featured2, etc.

hanasazi wrote:

I just posted this in another section where someone else had asked about a 100% fluid layout, but our two posts are the only ones in that forum so I thought I'd place it here too, where there's a little more action happening. Hopefully the answer will benefit others too. I would be very grateful for some advice on this.

I'm using Arras with 3-column layout to create a site for a local newspaper which has a very wide layout due to the features we need. Love the presentation, but many of our viewers are using lower resolution screens. Is there a simple way (or any way) to get the page and all its contents to resize according to the viewer's requirements?

I've tried combing through and changing all the css settings (changing px to % and px to em) and have a (barely) acceptable presentation going, but the contents of the image windows (most importantly the featured slideshow) and sidebar galleries (monster issue as these will contain local advertising) don't resize with the layout. Neither do the frames around them, and I haven't been able to find the setting for that. The Arras forum is nicely fluid, but then it doesn't have images to deal with.

I have a 1.1.2011 deadline and would appreciate it if anyone who has information on this would post as soon as possible so I can get past this issue and the late nights it's made habitual lately. Link: http://www.thejacksonvillereview.com/blog
~ Thanks so much!

Thumbs up