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
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
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.
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
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/