Noob needs help – website layout broken

  • Resolved kdavidyates

    (@kdavidyates)


    5 years, 2 months ago

    Hello. My website is very simple, it only needs to display a bio and some professional info since I am a university lecturer and that’s all I need. I have no website design or maintenance skills, and do not want to acquire any since I haven’t the time or patience. I had the damn thing looking ok, I don’t remember how I just fiddled with code snippets I downloaded from somewhere until it looked more or less ok, but it was fine with me. Some update over the last few weeks broke it: the page order has gone (reverted to the order in WordPress), transparency effects on the main content thingies have gone, grey bands have appeared, etc. and it basically just looks wretched.

    I don’t know how to fix it. Rolling back has not worked, even on version 3.4 it is still not looking as it did. All I need is a consistent layout that doesn’t look awful. That’s it. Can anyone help me with this?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author CyberChimps

    (@cyberchimps)

    @kdavidyates

    To make a footer background transparent, follow the steps below.
    1. Go to Appearance > Customize > Footer > Colors
    2. Set value for “Footer Background Color” as rgba(255,255,255,0) or move the opacity slider for the “Footer Background Color” to left(0).

    To set the layout of the footer as before
    1. Go to Appearance > Customize > Footer > Footer Widget Layouts
    2. Set value of “Footer Widget Column” to 1
    3. Go to Appearance > Customize > Widgets > Colophon Widget
    4. Remove the image from Colophon Widget
    5. Go to Appearance > Customize > Widgets > Footer Widgets 1
    6. Add the image that you had added in Colophon widget
    7. Add the below css to Additional CSS
    #footer-widgets.grid.col-940 .content-outer .footer-widget div {
    margin: 0 auto;
    }
    8. Now go to Appearance -> Customize -> Footer -> Footer Settings and select ‘Vertical’ in ‘Footer Bar Layout’

    Please let us know if you face any difficulties.

    Thread Starter kdavidyates

    (@kdavidyates)

    You’re awesome, thanks. That was really helpful. There are still a few things I don’t seem to be able to do. I guess in order of importance:

    1. I can’t reorder the pages in the top menu, it is ignoring the order selected.
    2. Can I centre the image at the bottom of the homepage as it is on the other pages?
    3. Can the site title be on one line instead of breaking over two?

    Thanks in advance!

    Theme Author CyberChimps

    (@cyberchimps)

    @kdavidyates

    Please find the replies to your queries below.
    1. I can’t reorder the pages in the top menu, it is ignoring the order selected.
    Ans: Can you please confirm if you have made any changes in child theme related to the order of Menu? Also, can you please check if there is a conflict with a plugin. Please try to disable and enable one by one to find which one is causing the conflict.

    2. Can I center the image at the bottom of the homepage as it is on the other pages?
    Ans: Yes. To center the image located at the bottom of homepage, add the below CSS to Appearance -> Customize -> Additional CSS
    body.blog #footer-widgets.grid.col-940 img.attachment-full {
    margin: 0 auto;
    }

    3. Can the site title be on one line instead of breaking over two?
    Ans: Yes. To display the site title on single line, add the below CSS to Appearance -> Customize -> Additional CSS
    .header-logo-left .responsive-header #site-branding {
    width: 100%;
    }

    Thread Starter kdavidyates

    (@kdavidyates)

    Thanks once again, I really appreciate it. Do you accept donations?

    I have managed to fix everything apart from the order of pages in the top menu. I tried disabling plugins as you suggested, no effect. I don’t know what “child theme” is, sorry! I ordered the pages in the responsive theme options section, but whatever order I select they are just displaying in alphabetical order. I didn’t make any changes in relation to the order. It was fine a few weeks ago, it’s only recently that it’s started to ignore my settings.

    Theme Author CyberChimps

    (@cyberchimps)

    @kdavidyates

    We don’t accept donations.

    Please set the desired menu as a Header Menu. This will display the menu in a respected order.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Noob needs help – website layout broken’ is closed to new replies.

Tags