Tagged: Layout elements, space between
-
AuthorPosts
-
October 29, 2014 at 12:36 am #342493
I have a row of images 1/4, 1/4, 1/4, 1/4
How can I tighten the space between them??October 29, 2014 at 11:32 pm #343074Hi KK!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust the values as needed
#av_section_1 .av_one_fourth { margin-left: 3%; width: 22%; } #av_section_1 .av_one_fourth:first-child { margin-left: 3%; }
Cheers!
YigitOctober 30, 2014 at 2:08 am #343156Thanks!!!!
I have yet another issue…..
I made the main navigation bar solid (I looked up the CSS!)
but I need to put a thinner pink bar on top of it.
see this:
http://img42.com/rT2F6- This reply was modified 10 years, 1 month ago by kbarranco.
October 30, 2014 at 2:13 am #343159October 30, 2014 at 3:03 am #343199This reply has been marked as private.October 30, 2014 at 3:09 am #343205Hi!
Please add following code to Quick CSS
#header_main > .container { margin: 0 0 10px 0; border-bottom: 3px solid pink; width: 100%!important; }
Best regards,
YigitOctober 30, 2014 at 5:32 am #343242HOLY COW- you are amazing.
should I replace “solid pink” with the hex color?October 30, 2014 at 5:42 am #343246how can I make this brown bar more narrow. I am using this CSS to make the brown bar that goes under the pink bar.
/* NAVIGATION SOLID Bar Color */
#header_main_alternate {
background-color: #764930;
}
.av-main-nav > li > a { border: none !important;
}October 30, 2014 at 3:18 pm #343433October 30, 2014 at 4:47 pm #343477I was to decrease the height and am not sure what to adjust for that.
October 30, 2014 at 7:36 pm #343582Hey!
Please add following code to Quick CSS
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a { height: 25px; line-height: 25px; } .html_header_top.html_bottom_nav_header .main_menu ul:first-child { height: 25px; }
Regards,
YigitOctober 31, 2014 at 12:41 am #343804This is not making the brown bar more narrow. I tried adjusting the numbers.
Also, I lose the menu when the page adjusts for mobile.- This reply was modified 10 years, 1 month ago by kbarranco.
October 31, 2014 at 9:34 pm #344323Still looking for a slightly thinner brown line and
the MENU disappears for mobile devices.November 3, 2014 at 3:02 pm #345257Hey!
Try adding this to your custom CSS,
.html_header_top.html_bottom_nav_header .main_menu > div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child { height: 25px !important; } .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a { height: 25px !important; line-height: 25px !important; } @media only screen and (max-width: 767px) {#advanced_menu_toggle, #advanced_menu_hide { display: block !important; background-color: pink !important; }}
You will need to play around with the 767 value on the last line until it displays when your regular menu disappears. You have a lot of custom CSS going on which is interfering with the menu but adding those lines should fix it.
Cheers!
Elliott -
AuthorPosts
- You must be logged in to reply to this topic.