Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1371096
    Joey
    Participant

    I’m looking to duplicate the text boxes on this page while keeping it responsive. Is there a quick and easy way to do it with X Theme and Cornerstone? I’m using Renew stack, if it makes a difference.

    #1371097
    Joey
    Participant
    This reply has been marked as private.
    #1371464
    Nico
    Moderator

    Hi There,

    First, you need to create a class that will create a shadow to your column to recreate a box with shadow.

    Add this code in your customizer > Custom > CSS to add box to your class. Example, box class,

    .shadowboxbox{
        background-color: #fff;
        border: thin solid #fdfdfd;
        overflow: hidden;
        word-break: break-word;
        border-radius: 3px;
        box-shadow: rgba(0,0,0,0.298039) 0px 1px 4px -1px;
    }

    Then add the class to a column or to the element in the cornerstone that you want to add the box shadow.

    Hope it helps.

    Let us know how it goes.

    Thanks.

    #1372793
    Joey
    Participant

    Brilliant.

    Now I’m trying to make a box for the darker blue background areas on the site, but it’s not showing right. Same site, home page, under “Decades of Family Logging.”

    I changed the background color to what I wanted, but it shows white in Cornerstone. The border also looks weird. I’m assuming I’ve got some colors wrong somewhere?

    #1373146
    Lely
    Moderator

    Hi Joey,

    Your CSS is correct and it is working as expected when I checked See attached screenshot:
    Please confirm.

    #1374223
    Joey
    Participant

    I fixed it. I had to change the border color and mess with the box-shadow properties. Guess I was a bit tired and in full brain-dead mode. It’s also showing correct in Cornerstone for some reason. Thanks!

    One more question (or should I make a new topic?) Just above the blue footer is a white horizontal bar (just below the “Knowledge is Power” section.) How to I make that go away? It’s on all pages. Or at least make it the same gray color as the other sections on the page rather than being white?

    #1374654
    Rad
    Moderator

    Hi there,

    It’s your top footer (widget area) and it’s empty, but you can always disable it them at Admin > Appearance > Customizer > Footer > Footer Widget Areas.

    Thanks!

    #1374735
    Joey
    Participant

    I can’t believe I missed that. I checked the footer section of the Customizer ten times. Thanks! You guys are awesome.

    #1374950
    Lely
    Moderator

    You’re always welcome Joey!

  • <script> jQuery(function($){ $("#no-reply-1371096 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>