Forum Replies Created

Viewing 15 replies - 211 through 225 (of 288 total)
  • paramore,
    h1, h2, etc are heading tags. Change these in your theme stylesheet. Since every theme is different I can’t tell you exactly.

    A little css knowledge will go a long way toward making your theme your own — and it’s fun:

    http://codepunk.hardwar.org.uk/bcss.htm
    http://codex.wordpress.org/CSS

    IF the name of your blog is the same as Header Title, just do this:

    #content h2 a:link, #content h2 a:visited {
    	color:#what you want for post titles;
    	font-weight:normal;
    	text-decoration:none;
    	border:none;
    }
    #content h2 a:hover, #content h2 a:active, {
    	color:#999;
    }
    #header h1 a:link, #header h1 a:visited {color:#what you want for header}
    #header h1 a:hover, #header h1 a:active {color:#what you want for header}

    put in a value after the hash/pound sign for the color you want. Like:
    #999999, #333333, etc.

    You could do floats (it’s probably what I would do). Then you have to make sure to clear them so everything looks ok. I tried with positioning and I’m liking how the sidebar is now totally independent of the content. Every width does need to specified, either as px, em or %.
    Here’s what I mocked up to test positioning:

    <style type="text/css">
    <!--
    body {background-color:#000; text-align:center; margin:0; padding:0;}
    #wrapper {text-align:left; width:920px; margin: 40px auto; position:relative;}
    #mainbackground {position:relative; width:680px; background-color:#333333;}
    #sidebarcontainer {width:200px;  background-color:#333; position:absolute; top:50px; left:700px;}
    #container {background-color:#fff;}
    #header {height:150px; background-color:#6699CC;}
    p {margin:0; padding:12px;}
    #sidebarcontainer p {color:#fff;}
    -->
    </style>
    </head>
    <body>
    <div id="wrapper">
    <div id="mainbackground">
    	<div id="container">
    		<div id="header"><p>header with photo and navigation</p></div>
    		<div id="content"><p>content area</p><p>text goes here without affecting sidebar area</p><p>&nbsp;</p><p>&nbsp;</p></div>
    		</div>
    	</div>
    	<div id="sidebarcontainer">
    	  <p>sidebar goes here</p>
    	</div>
    	</div>

    The wrapper is only there to keep the whole bit centered in the browser window. If you don’t need centering, take it out.

    There are many other ways to approach this though. Gotta love css.

    I think you’ll want to absolutely position the sidebar box to the top and right of your main background area. That main background area will need to have position:relative set in order for the other bit to be placed where you want.
    something like:

    #mainbackground {position:relative; width:800px;}
    #sidebarcontainer{position:absolute; top: 50px; left:820px; width:200px;}

    This would move it 20px to the right of the mainbackground div.

    Thread Starter csleh

    (@csleh)

    THANKS! I thought I had tried everything but missed the obvious. Appreciate the hand-holding.

    to clear, try this on your footer template, right before the end wrapper:

    <div style=”clear:both;”></div>

    also, make sure your color has # in front of it: background-color:#ccc;

    edit ul.children in your stylesheet
    to add left margin or left padding
    that will indent children listings automatically for all children

    FYI – the bottom link(s?) of your blogroll are displaying weird code (mac ff)

    Have you tried:

    – the plugin that takes all automatic wp tags out (I think disable auto p)

    – make sure all table tags are there and appropriate (closed, etc)

    – make sure the table works with the doctype

    – make sure the table isn’t bigger than the container set in the template being used

    Have you tried uploading the photos again? My [limited] understanding is that wp is creating the thumbnails at the time you upload the photos.

    Another option might be to look in the media.php file and see if there is a setting there to display at a different size.
    The only problem with this would be if you are making the thumbnails larger than they were — resulting in pixelated images.

    Thread Starter csleh

    (@csleh)

    Saving the post was the key. Insert photo, save the post. Edit again, the new photo will show up in the gallery.

    Hopefully the next version of WP allows photos to be in more than one gallery. A bit silly to have the same photo and info uploaded twice.

    Future reference — if you delete an image from a gallery, it (and all its info) is gone forever. If you just want to move an image from one post to another make sure all the info is copied down somewhere.

    Thank you organica, it helped!

    Thread Starter csleh

    (@csleh)

    Apparently you can’t have an image associated with 2 posts. OK.

    BUT I also cannot add any images to a gallery after the gallery was created.

    Do I have to monkey around in the database to get this to happen? Anyone else having an issue?

    If you did it recently you might be able to view cache files from your browser. I got it to work on my mac, but a vista machine was useless for this.

    position:absolute takes that element out of the document flow, so it doesn’t occupy any real “space”. Try making the .box a float as well, then clear it.
    like:

    <div id="sidebar">
            --sidebar stuff --
        <div class="box">
            --box stuff--
        </div>
      <div style="clear:both;"></div>
    </div>

    remove position and height from sidebar
    remove position and bottom from box

    Alternatively — and something I’ve not tried — you could test having .box positioned relatively instead of absolutely. Relative keeps it in the flow. The html would look like above without the clearing div. Keep position:relative in the #sidebar, so .box is positioned relative to #sidebar. Remove height from #sidebar, and change position:absolute to position:relative.

    A quick way to test this is to use firefox and firebug. edit css and see how it looks without going back and forth from code to site.

    Thread Starter csleh

    (@csleh)

    any ideas? It turns out I can’t add any image to an existing gallery. I really don’t want to delete the gallery and reupload everything, as well as type in all the text again.

    Thread Starter csleh

    (@csleh)

    I’m pretty sure this is a php/code question. If I can’t add a character automatically to the list in the code above, is there some other bit of code that will generate a character after a link?

    I’ve been searching but am not finding any info — looking for “add character” “add text” with automatic, link, wordpress, php etc in google. Looking for an option like “nextlabel” or something.

    Perhaps I’m phrasing incorrectly — if you know better search terms please share!

Viewing 15 replies - 211 through 225 (of 288 total)