Support » Theme: Chunk » How to move my site description above my site title?

  • I am new to this blogging thing and originally started out with wordpress.com until I realized you couldn’t customize as much as you wanted (and it’s a pain if I ever wanted to switch over later) so I changed to .org. I know nothing about css code, but I’ve been able to at least figure out enough where I’ve managed to edit all the colors on my site and even some fonts.

    I’m stuck though in what I need to add to my child theme’s code to get the site title “alternative perspective….” to appear above the header “willtravel4hugs”

    I am basically trying to get it to look like it did on my wordpress.com blog: willtravel4hugs.wordpress.com but that theme was not available on .org so I had to pick a similar one and edit it how I liked.

    http://www.willtravel4hugs.com is where I’m at now.

Viewing 15 replies - 16 through 30 (of 63 total)
  • Thread Starter willtravel4hugs

    (@willtravel4hugs)

    i’ve changed my mind anyways. i took a screen shot and moved the logo around and because of the little puff clouds, it looks better on the right. so i essentially want the font to stay where it is, but stick the logo there on the right of the “will travel 4 hugs.” i wish i could upload a picture of what i’m talking about.

    Thread Starter willtravel4hugs

    (@willtravel4hugs)

    Got it!!!!!!! Now my post font is fuzzy for some reason though. Thoughts? This happened when I used the plug-in to change header 1 and header 2 fonts. header 2 font changed the site description, as well as the post titles. but for some reason the post titles are fuzzy.

    Thread Starter willtravel4hugs

    (@willtravel4hugs)

    I’m going to another forum for this in case, but I also am having display issues with safari and internet explorer and phones. Safari doesn’t display the right fonts. and internet explorer makes the layout all sorts of crazy.

    it also doesn’t appear to be working right on mobile devices either and I think when I installed a mobile device plugin, the mobile display was just plain and white and boring and it lost all my designs

    This theme is not designed to be “responsive” so it won’t natively resize on smaller devices. If you want that and a mobile plugin doesn’t do what you want, you’d be better off using a “responsive” theme.

    Looks like you changed the HTML code in the header.php file – inline CSS isn’t a good way to code things – so I’d suggest you change that logo code back and modify the “float” CSS in the style.css file.

    As to the fonts – some fonts may not work well on a website or in some browsers – or it may be CSS styles.

    But before I put in more time trying to sort those, you should decide whether you want to keep this theme.

    Hi guys! Im very much new to wordpress and im trying very hard to understand how these works.. 🙂 but then after setting up a website of a friend friend, i’m stuck in Frontpage customization , Photo gallery and Blogpage-needs multi-lingual (spanish to english):( ;( . I really need some professional help but affordable cost to solve my problems. Please contact me who can extend help and teach me how. thanks a lot guys. i hope to hear from you all. 🙂 This is the website http://www.jmislafotografia.com.

    @pureza – please start your own thread – you’re not using this theme and it’s not polite to interrupt someone else’s thread. Note that we only provide help on these forums – offering to pay will get your thread closed per the forum rules. If you want to hire someone, you can post a job listing here:

    http://jobs.wordpress.net/

    If you’d like help on these forums, you can make a new post – click here: http://wordpress.org/support/forum/themes-and-templates#postform

    Thread Starter willtravel4hugs

    (@willtravel4hugs)

    Start a whole nother theme?? I think I might kill myself haha. it took me forever to get to this point. I am leaving in 24 hours to spend 6 months in Guatemala and didn’t really want to work on the design element while I was gone. So there’s no way to get it fixed on mobile?

    And a friend was just trying to help me get my logo to work. It worked last night, but now it’s out of place again and I didn’t change anything related to it after we got i to work. So can you get it to move back down to the right of the text and have the text be aligned in the middle (the description was right above and centered over the title, not way up there). So I need to go delete whatever we added? I don’t remember what we added to the css.. just the php.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    didn’t really want to work on the design element

    So there’s no way to get it fixed on mobile?

    Not if you don’t want to do this yourself, otherwise you may have to pay someone to do this for you.

    Oh dear, sorry it’s so short on time. It’s probably not going to work great on mobile and it’s usually not easy/quick to change a theme to do that – and mobile plugins sometimes work okay, sometimes not 🙁 .

    So what do you think?

    If you want to keep this one, yeah, you need to change the the header.php back to what it was (what I posted above) – inline CSS isn’t a good way to go – CSS should not be in here:

    <div style="overflow:hidden; white-space: nowrap;width: 1200px;">
                <div style="float:right;">
                    <a href="http://willtravel4hugs.com"><img src="http://willtravel4hugs.com/wp-content/uploads/2013/07/willtravel4hugslogo.png" alt="willtravel4hugs" class="logo"></a>
                </div>
                <div style="float:left">
                    <h1 id="site-title"><a href="http://willtravel4hugs.com/" title="willtravel4hugs" rel="home">willtravel4hugs</a></h1>
                <div>
            </div>

    Thread Starter willtravel4hugs

    (@willtravel4hugs)

    Ok, I have changed the php back to the way you originally told me. But now it’s not even on the right side. So what’s the next step?

    Thread Starter willtravel4hugs

    (@willtravel4hugs)

    Yeah I know. I didn’t realize it would take so long to build a website or I would have started more than 1.5 weeks before my departure! If I get bored down there, maybe I’ll work on it. But for now I just want it at least nice on computers! It’s readable on mobile.. Just.. very ugly lol

    This is wrong –

    <img logo"="" alt="willtravel4hugs=" src="http://willtravel4hugs.com/wp-content/uploads/2013/07/willtravel4hugslogo.png">

    This:

    logo"=""

    should be:

    class="logo"

    Then change the CSS to:

    img.logo {
      float: right;
    }

    Thread Starter willtravel4hugs

    (@willtravel4hugs)

    is that in the php? i don’t see that. ahh!! I see:
    <a href="http://www.willtravel4hugs.com"><img src="http://willtravel4hugs.com/wp-content/uploads/2013/07/willtravel4hugslogo.png" alt="willtravel4hugs="logo" /></a> as the closest thing. I’m sorry if I pasted that wrong. I saw other forums saying code shouldn’t be pasted in, but I wasn’t sure how to do the thing they were talking about.

    http://willtravel4hugs.com/?attachment_id=74

    side note: uploaded a photo of what we got it to look like last night and that’s what i want (but obviously i want it to stay that way instead of be mean and change in an hour! LOL)

    Yes, change that to:

    <a href="http://www.willtravel4hugs.com"><img src="http://willtravel4hugs.com/wp-content/uploads/2013/07/willtravel4hugslogo.png" alt="logo image" class="logo" /></a>

    Re the photo – I thought you wanted the logo on the right…??

    Oh wait, sorry, was looking at the header of the site not the image – ha ha!

Viewing 15 replies - 16 through 30 (of 63 total)
  • The topic ‘How to move my site description above my site title?’ is closed to new replies.