bringing sidebars farther in & centering widgets

  • Hello,

    I just downloaded atahualpa. I appreciate that the theme is fluid and has three columns, and I want to keep it.. but I’d like to customize it to suit my art.

    I am brand new at coding and css; any help is greatly appreciated!

    I want to bring the sidebars in closer to the middle and add some whitespace to the outside edges of the browser window. I don’t like how the sidebars/text/widgets are right up along the window’s edge.

    Where in the coding can I add space? Do I do this in the header or stylesheet code? Could someone please show me what line(s) to go to and edit?

    I also would like to keep the links in the sidebars aligned to right and left, but I’d love it if I could center the widgets &/or linked images beneath their respective headers. Adding the center code (open and close before & after the widget code) doesn’t do it.

    Here is my site that I hope to edit:

    candacejean.com/journal

    Thanks again for the help!

Viewing 2 replies - 1 through 2 (of 2 total)

  • At Atahualpa Theme Options -> Layout -> Layout WIDTH and type (FLUID or FIXED) change 99% to another value, i.e. 85%

    Add these via Atahualpa Theme Options -> HTML/CSS Inserts -> CSS Inserts:

    To center the flickr widget content:

    div.zg_div {
margin-left: auto;
margin-right: auto;
}

    To center the etsy widget content.

    div#text_1 {
text-align: center;
}

    To center all widget titles:

    div.widget-title h3 {
text-align: center;
}

    Thank YOU VERY MUCH!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘bringing sidebars farther in & centering widgets’ is closed to new replies.