bringing sidebars farther in & centering widgets (3 posts)

  1. candacejean
    Posted 7 years ago #


    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:


    Thanks again for the help!

  2. bytesforall
    Posted 7 years ago #

    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;
  3. mannyman
    Posted 7 years ago #

    Thank YOU VERY MUCH!

Topic Closed

This topic has been closed to new replies.

About this Topic