• Resolved The Ridge Runner

    (@the-ridge-runner)


    I’m using Customizr Pro and need to find a way to center my WillyWeather widget in Footer Widget Area One (Left panel of the footer widget area.) I have experimented with various code (via Customize>Advanced Options>Custom CSS) I found here on the forums, but nothing seems to work.
    I think it is a centering issue, but it could have to do with the responsiveness of the site. You can see the issue on mobile (in vertical/portrait mode) or by making your browser narrow enough to revert to the mobile. The middle and right widget area panels (text and slider widget respectively) work fine, but the WillyWeather widget always floats left.

    The WillyWeather widget does not have an option for alignment.

    This is my development site (DNS has not been assigned yet, but it is residing on the permanent server.)
    https://66.147.244.177/~haywood2/

    Any help appreciated!

Viewing 12 replies - 1 through 12 (of 12 total)
  • Pro Support can be found here

    Thread Starter The Ridge Runner

    (@the-ridge-runner)

    Sorry for the double post, I got confused on exactly where to post, seems rules have changed since my last request. The other problem I had was the post not showing up immediately….couldn’t tell if I posted or not.

    However, the last time I asked for Pro Support, they sent me over here with a reprimand that they don’t do specialty code. So, where does that leave me now?

    I guess this request isn’t that special ?? Try:

    @media only screen and (max-width:480px) {
    #ww_widget-3 {
        margin-left: 22%; /* Adjust */
    }
    }
    Thread Starter The Ridge Runner

    (@the-ridge-runner)

    First, let me thank you for your patience and help! Believe me, I spent several hours searching through the forums and trying different code before I posted.

    I don’t have a child theme set up yet, but I put your code in the Custom Code section of Customize panel, but it did not work.

    Here is screen capture of my problem, and it’s the same on mobile.
    https://66.147.244.177/~haywood2/wp-content/uploads/2015/12/FooterWidget.jpg

    Thanks!

    Yep, the code was meant to fix that.

    Try this first:

    #ww_widget-3 {
        margin-left: 22%; /* Adjust */
    }

    If not, try:

    #ww_widget-3 {
        margin-left: 22% !important; /* Adjust */
    }

    The @media code limits the CSS to Smartphone & smaller.

    Thread Starter The Ridge Runner

    (@the-ridge-runner)

    Thanks once again rdell. I can use either of those snippets to move the widget around and place it where I want but it doesn’t “float” to center, and if I center it in mobile mode, it is way too far right in desktop mode, not centered in the footer_one area.

    I’m certainly open to more experimentation, but I don’t want to take up any more of your time with this. Unless, of course, you view it as a challenge to solve it. ??

    If you want to call it quits on this, I understand and will see if I can beg assistance from the theme developer, especially since I paid them.

    Thread Starter The Ridge Runner

    (@the-ridge-runner)

    Maybe I don’t understand where and how to use the @media code?

    Thread Starter The Ridge Runner

    (@the-ridge-runner)

    Dave,
    After working on this for many hours, I have come back to your code and although it doesn’t center the widget, I can control the placement to some degree in mobile. It will have to do for now, as I have not received any help whatsoever from the Customizr Pro support staff. Kind of makes me wonder what I pays my money for….

    Thanks again for your help!
    Ed

    Don’t like to see the Developers taking a hit, as they do a fabulous job with Czr. So managed to get 2 suggestions for you to try:

    1)

    #footer_one #ww_widget-3 {
      text-align: center;
    }
    #footer_one #ww_widget-3 > div {
        display:inline-block;
    }

    2)

    #footer_one #ww_widget-3 > div {
        margin: auto;
    }

    Take out my code above before you start.

    Let us know if that works.

    Thread Starter The Ridge Runner

    (@the-ridge-runner)

    Dave,

    #2) works perfectly.

    I understand about the developer. I was trying to be good about it, but the effort I have put into centering that little widget has resulted in a great deal of frustration at the wasted hours that I could have spent fishing or hiking, or even vacuuming my house. Such is life and web design, eh?

    Your help is greatly appreciated, all the best to you.
    Ed

    Credit to @d4z for the solution.

    Please mark as [resolved] in rhs sidebar.

    Thread Starter The Ridge Runner

    (@the-ridge-runner)

    Thanks.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘center widget in footer widget area one’ is closed to new replies.