CSS for positioning & creating a main nav from scratch?

  • kerrymeaway@gmail.com

    (@kerrymeawaygmailcom)


    13 years, 2 months ago

    I’m using a child theme of veryplaintxt.

    Here is what my page looks like:
    http://snag.gy/mEuKy.jpg

    I want to add a main navigation – three links- below the header image, but the menu I created in Themes>Menus doesn’t appear to be working.

    Re: CSS positioning: I also want to make those images all appear as they are, but stacked on the RIGHT side. I’d like the text below the images in the space to the left. Can anyone tell me the correct way to do this?

    Below is the text/code on the page in the Theme>Editor

    <p style="text-align: left;"><a href="http://marsmarineac.com/there/wp-content/uploads/2013/04/topBOTH.png"><img class="alignnone size-medium wp-image-117" alt="topBOTH" src="http://marsmarineac.com/there/wp-content/uploads/2013/04/topBOTH-300x107.png" width="300" height="107" /></a></p>

[caption id="attachment_116" align="alignnone" width="300"]<a href="http://marsmarineac.com/there/wp-content/uploads/2013/04/midBOTH.png"><img class="size-medium wp-image-116" alt="midBOTH" src="http://marsmarineac.com/there/wp-content/uploads/2013/04/midBOTH-300x108.png" width="300" height="108" /></a> Custom Made Air/Water CooledRefrigeration Condensing Units[/caption]

[caption id="attachment_115" align="alignnone" width="300"]<a href="http://marsmarineac.com/there/wp-content/uploads/2013/04/botBOTH.png"><img class="size-medium wp-image-115" alt="botBOTH" src="http://marsmarineac.com/there/wp-content/uploads/2013/04/botBOTH-300x107.png" width="300" height="107" /></a> Chilled Water Insulation and Manifold Insulation[/caption]
<p style="text-align: left;">MARS (Marine Air Conditioning & Refrigeration Services) provides a prompt, reliable and professional service to the yachting industry. Based in Fort Lauderdale, we provide all aspects of marine air conditioning and refrigeration services throughout southern Florida, including the Palm Beaches and Miami. During the summer months we offer a full service in Newport, Rhode Island. MARS operates with a fully stocked vehicle, solving your AC and refrigeration issues quickly, honestly and professionally. We pride ourselves on our ability to get the job done right the first time. MARS is fully competent with Marine Air, Cruise Air, Aqua Air and all systems using Freon.</p>

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter kerrymeaway@gmail.com

    (@kerrymeawaygmailcom)

    13 years, 2 months ago

    ok- bad snaggy link

    Here is the corrected one:
    http://snag.gy/FnaTf.jpg

    Thanks in advance!

    WPyogi

    (@wpyogi)

    13 years, 2 months ago

    That theme is quite ancient – http://wordpress.org/extend/themes/veryplaintxt – says it’s for WP2.6

    The current menu functionality was not introduced until WP3.0, so that’s probably why the menus aren’t working.

    An old, unsupported theme is likely to have more problems so you may want to find a current one 🙁 .

    Thread Starter kerrymeaway@gmail.com

    (@kerrymeawaygmailcom)

    13 years, 2 months ago

    Thanks- I can’t seem to finds a really REALLY basic one that is only for computer screens – not mobile devices – and can be made into a simple two column css layout with an image in the header, a main nav below that and a text only footer.

    Any suggestions?

    I’ve been wrestling with twentytwelve, twentyeleven, sandbox, blankslate, veryplaintxt, base, albedo….
    🙁

    WPyogi

    (@wpyogi)

    13 years, 2 months ago

    Try twentyten – it’s a fixed width theme – so won’t resize on mobile devices. It has the header image and menu and a pretty simple footer.

    Hopefully, that will be a better starting point – and you can make changes in a child theme :).

    Thread Starter kerrymeaway@gmail.com

    (@kerrymeawaygmailcom)

    13 years, 2 months ago

    Thanks! I’ll check that one out.

    What if there isn’t an Image widget that I can move to the “primary widget area”? I see ones for text, but not for images. Isn;t it possible to just insert the <img class=”path”> tag somewhere?

    How would I insert an image into that div? I’ve had better luck editing the actual code in the file manager of cpanel than using WP. I’ve spent over a week on this and am still no closer to getting a two page site done.

    🙁

    WPyogi

    (@wpyogi)

    13 years, 2 months ago

    Images go in text widgets fine.

    For regular content images, just click on the “Add Media” button. More info: http://codex.wordpress.org/Using_Images

    There’s definitely a learning curve/adjustment to using WP vs. static HTML sites (been there myself)…I’m not sure how to make it easier except to spend time with it :/ .

    Thread Starter kerrymeaway@gmail.com

    (@kerrymeawaygmailcom)

    13 years, 2 months ago

    OK- that makes sense, but if I already uploaded the images I need to the library – how do I actually put one into the text widget?

    I’m going to that link now to see if I can find out.

    Thanks!
    🙂

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘CSS for positioning & creating a main nav from scratch?’ is closed to new replies.