HTML to WP having problems

  • I am new to WP and have a client that needs his site that I created in HTML and CSS converted to WP. I have watched countless videos and have many books but am really stuck on how to get this done correctly.

    The original site can be viewed at https://foxdenwebsolutions.com/CACNR/index.html

    So far I have the following pages – header.php, index.php, sidebar_left.php, sidebar_right.php, footer.php functions.php.

    header.php

    [Code moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines. Please use the pastebin]

    My css is broken down into 3 separate pages for responsive design and I have flexslider at the top of the page so have the css for that.

    As you can see, this is a very unique design and right now I am having problems getting the sidebars to show. Please can someone show me the correct code in order to get these to work? The left sidebar will be for News items that the client wants to add and the right sidebar will be for the search, links that the client wants to add, a calendar, RSS feed, and whatever else he may want.

Viewing 15 replies - 31 through 45 (of 53 total)

  • Look at your #content .post definition. Anything with class “post” inside div id=”content” is going to have that seperator. You have:

    <div id="content">
   <div class="post">
     <div class="post ...">...</div>
     <div class="post ...">...</div>
<!-- and so on -->

    A few things:
    add a width to the #wp-calendar (90% seems to look right)

    Instead of caption tags, use h2 — then you’ll get those styles. Or if you can’t change that, just copy the styles from h2 (line 122 of style.css) into a new CSS declaration for caption

    Don’t know what else you’d want to do on the calendar.

    Thread Starter foxden vixen

    (@foxden-vixen)

    Wonderful….now I am getting errors trying to log back into my test environment.

    Warning: Cannot modify header information – headers already sent by (output started at D:\Hosting\2925570\html\test\wp-content\themes\cacnr\functions.php:42) in D:\Hosting\2925570\html\test\wp-login.php on line 349

    Warning: Cannot modify header information – headers already sent by (output started at D:\Hosting\2925570\html\test\wp-content\themes\cacnr\functions.php:42) in D:\Hosting\2925570\html\test\wp-login.php on line 361

    When I log in I then get these errors –

    Warning: Cannot modify header information – headers already sent by (output started at D:\Hosting\2925570\html\test\wp-content\themes\cacnr\functions.php:42) in D:\Hosting\2925570\html\test\wp-includes\pluggable.php on line 669

    Warning: Cannot modify header information – headers already sent by (output started at D:\Hosting\2925570\html\test\wp-content\themes\cacnr\functions.php:42) in D:\Hosting\2925570\html\test\wp-includes\pluggable.php on line 670

    Warning: Cannot modify header information – headers already sent by (output started at D:\Hosting\2925570\html\test\wp-content\themes\cacnr\functions.php:42) in D:\Hosting\2925570\html\test\wp-includes\pluggable.php on line 671

    Warning: Cannot modify header information – headers already sent by (output started at D:\Hosting\2925570\html\test\wp-content\themes\cacnr\functions.php:42) in D:\Hosting\2925570\html\test\wp-includes\pluggable.php on line 866

    https://codex.www.ads-software.com/FAQ_Troubleshooting#How_do_I_solve_the_Headers_already_sent_warning_problem.3F

    Thread Starter foxden vixen

    (@foxden-vixen)

    Son of a bisquet! There were two blank lines at the end of my functions.php file. GRRRRR!

    Thread Starter foxden vixen

    (@foxden-vixen)

    Now back to fixing this….I am not sure where to change caption tags for the calendar. I will add either #caption or .caption and copy styles over to that.

    Thread Starter foxden vixen

    (@foxden-vixen)

    I added caption {margin: 0 0.8em;
    padding: 0.2em 0.8em 0.1em;
    text-transform: uppercase;
    font: bold italic 125%/120% arial, helvetica, sans-serif;
    color: #000;
    background: #6BD url(images/h2Background.png) top left repeat-x;
    border: 2px solid #000;
    box-shadow: 0 2px 6px #432;}
    It has the header but it looks bad!

    Thread Starter foxden vixen

    (@foxden-vixen)

    I am also looking for the instance of the second plane divider. I cannot find it. I am also thinking that my loop might be too much. There will be no comments on this site so I need to figure out which part of the loop to remove for that. I tried a very simple loop and it didn’t pull in the sample posts that I made. I the link to the post with #fff instead of the default blue since you can’t read it very well. Also the other links should be #fff. Basically I want to change all the default styling of the links to my own. The links over in the right sidebar can stay as they are.

    I am also looking for the instance of the second plane divider. I cannot find it. I am also thinking that my loop might be too much.

    Backtrack up to my previous response. I found this one.

    Thread Starter foxden vixen

    (@foxden-vixen)

    Ok found it and removed it. Also uploaded the changes in CSS. It doesn’t look exactly like the links header. Still working on it.

    Thread Starter foxden vixen

    (@foxden-vixen)

    Grrr – According to Firebug the link to the entry in the post is called <h3 class=”entry-title”></h3> so I styled that
    .entry-title {color: #FFF; text-decoration: none;}

    Still showing up as default blue with underline.

    There are some others I want to style as well…

    author vcard
    sep
    entry-title
    author vcard
    sep
    published (this is white so it is fine
    sep
    edit
    sep
    edit

    They are all listed as span class except published. How do I style these since what I tried didn’t work?

    Thread Starter foxden vixen

    (@foxden-vixen)

    I just tried h3.entry-title and that didn’t work either. GRRRRRR

    h3.entry-title a {text-decoration:none}

    Thread Starter foxden vixen

    (@foxden-vixen)

    Duh I knew that! Sorry!

    Thread Starter foxden vixen

    (@foxden-vixen)

    Well bad news….IE is totally breaking everything on this theme….now I have to figure out why.

Viewing 15 replies - 31 through 45 (of 53 total)
  • The topic ‘HTML to WP having problems’ is closed to new replies.