Can you set the height for all 'Offer boxes' to one value?

Hi,

Our site has several offer box menus. I ned to set the default height so that all pages, regardless of the items listed on the menu, are the same height? Below if the code.

Website: www.gocabe.org

/* Offer box */
.offer_box { text-align: left; background: #e6af4b; padding: 10px; }
.offer_box h6 { text-align: center; }
.offer_box .offer_box_list a { display: block; border-style: solid; border-color: rgba(255,255,255,.5); border-width: 1px 1px 0 1px; background: url(http://www.resources.gocabe.org/wp-content/uploads/2015/06/home_interactive_offerbox_icon.png) no-repeat 10px 15px; padding: 10px 8px 10px 25px; font-weight: 500; color: #fff; font-size: 16px; letter-spacing: 1px; }
.offer_box .offer_box_list a:last-child { border-width: 1px; }
.offer_box .offer_box_button { padding-top: 20px; background: url(http://www.resources.gocabe.org/wp-content/uploads/2015/06/home_interactive_offerbox_sep.png) no-repeat center top; text-align: center; }
.offer_box .offer_box_button a.button { margin: 0; }

Thank you,

Jesse


Comments

  • Hi,

    if you got them all in same wrap, then you can set Equal Height of Items in wrap | equal-height style for section where those items and wrap are. Otherwise, we do not have any other possibility.
  • edited August 2016
    Hi,

    Thanks for the advice. It's unclear what 'section' I need to go to—If I understand correctly. I did go into the 'Layout' section of the page, but I might have also failed to mention that these are 'sidebars', and selected under the Layout section of each page (screenshot included).

    As a last attempt, I also went into Global/Advanced/Layout, but I was not able to determine if I can set a default height for these sidebars.  Please clarify if I am understanding correctly. 

    Many thanks,

    - Jesse

    image

  • Hi,

    I figured out what you meant. I cloned one of my pages, removed the sidebar, and used the sidebar widget to get all items into the same wrap. I set the layout option to 'Equal Height of Items in wrap | equal-height' — However, the results don't change anything. Here is a link to this test page.  

    http://www.gocabe.org/index.php/test-sidebar-height/




  • Hmm, we are not sure if we understand your question then. Do you mean to make complete pages the same height? So each page is exactly same height? For example: Conferences, Educator, Parents, etc?
  • Hi, Yes, I am trying to make all the pages you listed the same height.
  • So we are sorry but it is not possible unfortunately. We do not have any option that may set the same height for all pages.
Sign In or Register to comment.