• Resolved sylwestercz

    (@sylwestercz)


    Hey All,

    I hope that you can help me. I am having some problems with mu current template, right sidebar of the page is too long in compare to the left sidebar.

    I am not good in html/php and I have no idea where can I change it in style.css file.

    The website is available at http://www.janczochralski.com
    The template I used is Ad Clerum.

    Many thanks for all answers.
    Sylwester

Viewing 3 replies - 1 through 3 (of 3 total)
  • hello Sylwester,

    for the rest of us, the link to the theme is http://www.refueled.net/new-wordpress-theme-ad-clerum/

    it looks to me that there are two things that are messing things up:
    – (easy) the title of the pages is what is pushing the search box to the right and it is messing up the style a bit. try to change the 2 words title
    – (more complex, but i assume you have already done some changes), step into the right sidebar code from the design > theme editor and check the div tag id and then go and find the id in the .css file for the theme.

    the top widget (is it the translate plugin?) might affect the alignment as well

    hope this helps you

    Thread Starter sylwestercz

    (@sylwestercz)

    Hello Psycolor,

    Thank you for your tips. I have done:
    1. Changed the “two words” menu title to shorter one – without changes
    2. Switched off translate plugin – also without any changes
    3. I tried to find the div tag id in the right.php file but I cannot find any number there (ID number). I pasted the right.php below.

    Maybe it is becuase some width parametres of the right column in the style.css? Can it be like this?

    <div id=”right”>
    <div class=”domtab”>
    <div class=”toppost”>
    <?php $my_query = new WP_Query(‘category_name=Community Events&showposts=4’);
    while ($my_query->have_posts()) : $my_query->the_post();
    $do_not_duplicate = $post->ID; ?>
    <h3 class=”post-<?php the_ID(); ?>”>” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”><?php the_title(); ?></h3>
    <div class=”right-entry”>
    <?php the_content(‘Continue reading »’); ?>
    </div>
    <?php endwhile; ?>
    </div>
    <div class=”toppost”>
    <?php $my_query = new WP_Query(‘category_name=Latest Audio&showposts=4’);
    while ($my_query->have_posts()) : $my_query->the_post();
    $do_not_duplicate = $post->ID; ?>
    <h3 class=”post-<?php the_ID(); ?>”>” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”><?php the_title(); ?></h3>
    <div class=”right-entry”>
    <?php the_content(‘Continue reading »’); ?>
    </div>
    <?php endwhile; ?>
    </div>
    </div>
    <?php if ( !function_exists(‘dynamic_sidebar’)
    || !dynamic_sidebar(2) ) : ?>
    <?php endif; ?>
    </div>

    ok i noticed that it was all broken 2 minutes ago 🙁

    yes there are a number of things there and if you don’t have a grasp of css it might be complex.

    if you look at the original code of your right.php this is defined at the top:
    <div id=”right”>
    <div class=”domtab”>

    the css contains the definition for the two and it is very much a fiddling with details job and even then you might need to hack it for different browsers… a good place to start with a guide on the three columns is here:
    http://www.glish.com/css/7.asp

    basically you need to ensure that the main container (currently 980px) really contains the three sections.
    divs are like boxes and their positioning is relative to the big container. another thing that might put you off is the fact that files are included in various ways. the full sequence is :
    – header.php
    – index.php or page.php
    – footer.php
    as you will see, the left.php and right.php are called in both index and page.

    what is peculiar of the theme is that the search is in a separate php file so you can try to fiddle with its size in the css. the searchform is called in the header.php

    hopefully this should get you started, but i’m not sure if theme design details are making this post off topic

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘To change the style.css file’ is closed to new replies.