WordPress.org

1. AshawnW
   Member
   Posted 1 year ago #

   Greetings,

   I am trying to set up a website for a future language school, and I am having some trouble modifying the css/php to make the logo and top menu align properly. Please visit my site, http://www.concord-sihai.com, to see what I mean. I would like the logo to align at the top, and the the menu to be aligned on the right, instead of overlapping the logo.

   I would really appreciate any help.

   Thanks.

2. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

   Start by sorting out the markup errors. Then move onto the CSS errors.
   http://codex.wordpress.org/Validating_a_Website

3. govpatel
   Member
   Posted 1 year ago #

   In your http://www.concord-sihai.com/wp-content/themes/deep-blue/css/header.css

   Look for this code

   .menu ul {
   float:left;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin:0;
   padding:0;

   Change left to right and you will the shift right.

4. govpatel
   Member
   Posted 1 year ago #

   In this file

   http://www.concord-sihai.com/wp-content/themes/deep-blue/css/structure.css

   #header {
   float:left;
   margin:60px 0 20px;
   padding:0;
   width:962px;

   60px to a smaller 30px it will shift the header and menu up 30px.

5. AshawnW
   Member
   Posted 1 year ago #

   Thanks for the information. That has moved the logo up, which I think looks much better, but the bottom is still cut off. I know my logo size, and I set the parameters to that, but to no avail. Any advice?

   Thanks,
   Shawn

6. Shayne
   Member
   Posted 1 year ago #

   Looks like you have a "header.css" file as well. Check that the height in that file for the logo is correct.

7. AshawnW
   Member
   Posted 1 year ago #

   Thanks everyone. I just found the problem in my header.php file. I had the parameters set to match the image size exactly, but they were cutting it off. So, I expanded them and it seems ok now.

   <?php } else { ?>
   
           <a class="image_logo" style="width: 372px; height: 110px; background-image: http://www.concord-sihai.com/wp-content/themes/concord/images/concordlogo.png;" href="<?php echo get_option('home'); ?>/" title="<?php bloginfo('description'); ?>"><?php bloginfo('name'); ?></a>
   
           <?php } ?>

8. AshawnW
   Member
   Posted 1 year ago #

   Ok, new question: In the right column, you see "Follow Us", "Recent Comments", and "Recent Posts". I want to complete remove all of that, and expand the main text area. I thought the right column was widgets, but I do not seem to be able to remove that through removing widgets.

9. govpatel
   Member
   Posted 1 year ago #

   they might be hard coded in your sidebar.php

10. AshawnW
    Member
    Posted 1 year ago #

    Thanks. I have removed the information in the sidebar.php file, and it worked. However, I tried expanding the main post area in the structure.css file, and only the icons expand.

Topic Closed

This topic has been closed to new replies.