Support » Theme: Luminescence Lite » changing background colors in footer & copyright areas

  • Resolved catwingz

    (@catwingz)


    I am trying to change the background colors in the footer and copyright areas, with mixed success.

    I have been able to change the footer color, but find it is necessary to add a border to the right and left margin. The right side works. The left side only adds to the right, leaving the left untouched. On this site I have left it with both the right and left borders set to show the odd behavior. I tried margin and padding first, but neither helped.

    The code I have used thus far is:

    .container .row #footer-wrapper {
        background-color: #0c436e;
        border-right: 15px solid #0c436e;
        border-left: 15px solid #0c436e;
    }

    The copyright area is the other issue. The best I have been able to do is to change the entire band extending beyond the bounds of the main content area on the right and left. My goal is to match the boundaries of the main content area including the sidebar.

    #copyright-wrapper {
        background-color: #003e6e;
        padding: 20px 0px;
    }

    What do I need to change?

    Thank you

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter catwingz

    (@catwingz)

    Related to this, I had also hoped to put some additional text like ‘designed by” after the copyright information. Is this possible? I am exploring other ways to make use of the bottom widgets to see if there is a happy compromise, but the rest of the theme is so clean that I would prefer to stick with my original plan.

    Thank you again!

    The colours for this theme are changeable from the theme’s customizer settings.

    Go to Appearance >> Customize

    Colours are coded directly into the theme files for the area they will change, so you will want to be careful what you do with custom css, plus they will be ignored if what you are trying to override has theme option settings assigned to them.

    REgarding adding custom text to your footer copyright area, you will need to code that in but if you do this, make sure you’re using the child theme that comes within the theme files for modifications. This allows you to keep the theme up to date without losing changes.

    Thread Starter catwingz

    (@catwingz)

    I guess I didn’t make myself clear. The colors in the footer are under control—it’s where the box they color shows up that is the issue.

    I have been able to change the footer color, but find it is necessary to add a border to the right and left margin. The right side works. The left side only adds to the right, leaving the left untouched. On this site I have left it with both the right and left borders set to show the odd behavior. I tried margin and padding first, but neither helped.

    If you look at the site you will see that there is a footer sized chunky indent on the left. It matches the bump on the right. I’ve never seen anything like this before and would really like to know how to fix it. The code I gave up above is still in place. Thanks

    I realize that the copyright text change would have to be coded in. I was hoping that you would help me out with that. Thanks again

    First thing I would do is lose the custom styling you did with the code you paste in this topic. Second, for the quote “The meaning of life…..”, why not put that into the Bottom widget position and then colour the bottom area with that blue that you have? This would solve that left and right issue because the footer position was not really meant to have a colour background. I just put your quote in my test site and did just what I suggested, and it sits in the bottom nicely with the outer glow at the bottom.

    If you want the copyright wrapper to match the width of the content, you would do this:

    #copyright-wrapper {
    width: 1200px;
    }

    For the widget for the quote, I just did this in my test:

    <h4 style="color: #fff; text-align:center;">“The meaning of life is finding a place to put your stuff.” ~ George Carlin</h4> <p style="text-align:center;">Website by <a href="http://findable-design.com">Findable Design LLC </a></p>

    Then added that to Bottom 1.

    Thread Starter catwingz

    (@catwingz)

    This helped, and I have made some compromises. Is there no way to explain the odd lop-sided behavior of the borders in my earlier fix for the footer-wrapper id?

    I would still like to know how to place the site credit down with the copyright so it is not having to mix with the rest of the site content. For this site I can make it work, but I would like to use this theme for others where it’s not going to be a good fit. Since this is common practice I am a little surprised it wasn’t made a part of the theme. Instructions for how and where to modify the code would be great, but for those not unable to code it would be an awesome addition to the Customize input.

    Sorry to be so persistent, but the better I understand your theme now, the more likely I am to use it again and ask fewer questions later! Thank you again

    It’s how the containers (wrappers) are setup for this particular theme because of the number of nested containers in relation to paddings and margins.

    It really comes down to how much a person wants to customize a theme, whether mine or someone else’s theme. But for any customization, it requires one to explore the files and to be able to manipulate the code to their needs. This is generally where HTML and CSS knowledge comes in handy, although I’m not sure how much experience you have with these…

    Could you clarify what you mean by “how to place the site credit down with the copyright so it is not having to mix with the rest of the site content.” What do you mean “down with the copyright”? You mean closer to it or below it?

    As for being persistent, I can understand, so no worries. how to place the site credit down with the copyright so it is not having to mix with the rest of the site content.

    I should mention though that support for my themes really does not cover customization, with the exception of pointing you in the direction of what files you need to look at, or where a certain piece of code is…that I can definitely do for you.

    Thread Starter catwingz

    (@catwingz)

    What I am trying to describe would look like this:

    Copyright © 2014 Your Company. All rights reserved. | Website by Designer/Company

    This is generally all on one line, keeping the credits and ownership issues separate from the content—articles, sharing, tag clouds, etc. This has the added benefit of not having to find a second unobtrusive location for the design credit, and is why I suggested that others would probably have an interest in the solution. Is this doable?

    If you can point me at the right file(s) I can give it a shot. My coding is decent, but I am not a full-on developer. Thanks

    For that, the coding is found in the theme’s footer.php file near the bottom. For that customization, you would place it after this line:

    <?php esc_attr_e('All rights reserved.', 'luminescence'); ?> but before the closing </div>

    Thread Starter catwingz

    (@catwingz)

    Thank you, I will explore this.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘changing background colors in footer & copyright areas’ is closed to new replies.