• Resolved jrlorson

    (@jrlorson)


    Hi – I am a new paid WordPress user with hosting through GoDaddy (I’ve used WordPress for free blogs before). I now know I need to learn CSS, and am struggling to learn it ASAP. It’s not a matter of laziness (as many people in the forums seem to imply). I’m not so inclined, and it’s seriously like learning a new language – it’s been terribly difficult. If I’d known I needed to know so much CSS, I don’t know if I’d gone this route….

    Anyway, I’ve been using plugins to substitute for my lack of knowledge, but I’ve been unable to find one to modify my pages.

    I have created a logo on MS Publisher 2007, and I would like to place this (centered) above my header image. If I can indeed figure out the CSS code for this, do I need to place the code above the header code in the Header editor? Where exactly does the code go?

    I am using the Pilcrow theme with the sidebar-content-sidebar option, and I want to have the logo repeat on every page. My site is https://www.lavidacomida.com.

    Thank you so much for any advice / help anyone may be able to give.
    Jennifer

Viewing 10 replies - 1 through 10 (of 10 total)
  • What are the dimensions of your logo image?

    Thread Starter jrlorson

    (@jrlorson)

    It’s 2253 × 1578.

    (I do want to keep the header image I have – I’d like to put the logo above that.)

    Thank you very much –

    Thread Starter jrlorson

    (@jrlorson)

    BTW it is a jpg image, if that means anything.

    1. open header.php on wp-admin>>>appearance>>>editor

    2. hit ctrl+F and look for this code: <div id="pic">

    3. right below that tag, add this stuff:

    <img src="THE URL OF YOUR IMAGE.jpg">

    this should place the image(logo) above the header graphics you have on your site.

    Thread Starter jrlorson

    (@jrlorson)

    It worked! I was even able to scale the picture to fit the page.
    Not as scary as I thought it would be!
    Thanks so much!

    np bro. the graphic looks great! you’re definitely right about scaling the picture. 2253 × 1578 is Waaayyy to big for a site. lol.

    let me know if I can help you more! else, just hit (topic resolved button)

    Thread Starter jrlorson

    (@jrlorson)

    Thanks again! Actually if you could tell me how to center the image and put it above the navigation that would be awesome!

    Also if you possibly could tell me some online resource for simple css so I can learn this myself, I’d appreciate it greatly.

    Thanks very much again.

    what you can do is adjust the margin of your image.

    remember the <img src="stuffs here"> that we did? add these codes together with them:

    style="margin-left:150px;"

    all in all, it would be something like this…

    <img src="the url of your image" style="margin-left:150px;">

    of course, you could also modify the margins based to how you would like it to be positioned.

    as for your question about placing it above the nav bars, here’s what you need to do…

    look for this code: <div id="nav" role="navigation">

    just right ABOVE that code, add the `
    <img src=”the url of your image” style=”margin-left:150px;”> ` we just did and it should be above the navbar now. ??

    regarding online resources about this stuffs, w3schools.com is probably the best one that teaches this. my suggestion is you master HTML first, then go master CSS, afterwards, Learn javascript, after that PHP and asp….

    when you finally master all those stuff, head on over to https://www.codex.wordpress.com and go master using and coding the wordpress platform! ??

    this probably looks like too advanced stuffs for you but when you understand a little bit about all this, you’ll find out it’s all easy stuffs…

    Thread Starter jrlorson

    (@jrlorson)

    Wow, it totally worked! I changed the margin to 300 so it’s now centered like I wanted! But somehow the white background behind the navbar and posts / text has disappeared. How do I get that back?

    Thanks so much for the resources – I’ve already started on w3schools.com. I really appreciate you taking so much time to help me.

    Thread Starter jrlorson

    (@jrlorson)

    Never mind- it fixed itself! Probably just my browser.
    Thanks again!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Extra Header Image?’ is closed to new replies.