Forum Replies Created
-
AuthorPosts
-
Hi @nini_bacher ;
I’m really not sure but this may help you for desktop view, as you have a “next section” arrow on your slider you should not go too down..html_header_top.html_logo_center .logo { top: 90% !important;}
For mobil view you should enlarge the width of the “logo zone” (as you do not display your mobil menu) ther is a place of 20% at the right side :
@media only screen and (max-width: 767px){ .responsive #top .logo { width: 100% !important;} .responsive .logo img { margin: auto !important;} .responsive .logo a { display: table-cell !important;} }
- This reply was modified 8 years, 8 months ago by begrafiks.
Hi @nini_bacher ;
I’m not sure but this may help you for mobil :@media only screen and (max-width: 767px){ .responsive .logo img { margin: auto !important;} .responsive .logo a { display: table-cell !important;} }
Hi @mrcityrunner ;
I think you can achive to insert this by ;
1- creating a second menu in Dashboard > Appearence > Menu “Enfold Secondary Menu”,
2- inserting this menu at the top of those pages by “FullWidth Sub Menu”.or
Inserting at the top of those pages a “Grid Row” containing celles (according to the number of pages you would insert) see Enfold Shop Demo- This reply was modified 8 years, 8 months ago by begrafiks.
Hi @Marijana74 ;
Try to add this code to the Quick CSS field:#top #main .sidebar { text-align: center !important;}
Hi @olegriga;
You can find the solution ;
> Dashbord > Theme Options > Sidebar Settings > Page Sidebar navigation (Display Or Not)Hi @siteit;
this can help you : Remove image titles that show up when you hover on imagesHi @diefleischerei ;
try to add this line of code into your custom css styles :
.av-masonry-date{display: none !important;}
Hi @crodragon;
by using the same image in the two “Color Sections” you can achive this,
(maybe you should increase the heigth of the image or not)> First Color section
> “Section Background” : “your-image.jpg”, placed bottom-right and fix> Second Color section
> “Section Background” : “your-image.jpg”, placed bottom-right and fixHi @htm2112 ;
Please, try with these lines too.On my end it seems working :
Menu stays besides of the LOGO without touching it./*REDUCE THE PADDING OF THE CONTAINER*/ .container { padding: 0px 35px !important;} /*REDUCE THE PADDING+MARGIN RIGHT OF THE MAIN MENU*/ .avia-menu.av_menu_icon_beside{padding-right !important: 10px;margin-right: 10px !important;} /*REDUCE THE PADDING OF THE MAIN MENU LINKS*/ .av-main-nav > li > a {padding: 0 5px !important;} /*REDUCE THE PADDING OF THE MAIN MENU LINK TEXTS*/ .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text{padding-left: 7px !important;padding-right: 10px !important;} .
Hi @htm2112 ;
have you tried to change the “Header Mobile Menu activation” ;
Dashboard > Theme settings > Header > Header Mobile Menu activation >> and chose the size at which you would like to activate the “Mobil Menu”,
in case you have set it to 990px I think you should enlarge the width of the “container” which is set to 90%, thus you have not eneough space to wiev all the elements.Hi @CWM ;
if you add this line into tour custom css it will reduce the left margin and also the width of the “event detail” (left side)
.av-single-event-content{width: 55% !important;margin-left: 10px !important;}
the origanl is ;
.av-single-event-content{width: 60%;float:right;margin-left: 50px;}March 31, 2016 at 12:24 pm in reply to: How to Highlight Menu Headings on Secondary Menu in Widget Area #605821Hi @Heatcliffe;
These lines may help you ;/*FIRST LEVEL BOLD - NO BORDERS*/ #top .widget_nav_menu a{font-weight: 600 !important; border: none !important;} /*SECOND LEVEL NON-BOLD - NO BORDERS - LESS SPACING UP AND DOWN*/ #top .widget_nav_menu ul ul li a{font-weight: normal !important; padding: 1px 0px 1px 12px; border: none !important;} #top .widget_nav_menu ul ul li:before {top: 0px !important;}
March 30, 2016 at 9:41 am in reply to: Cant change background colour / font colour of "small bar above main menu" #605053Hi @richardhofer83;
have you tried these codes :
adjust your own colors#top #header_meta{background-color: #000000 !important;border-bottom-color: #EF784A !important;} #top #header_meta .phone-info{color: #ffffff !important;}
Hi @swotmarketing;
try to use this line :#top .iconbox_left_content .iconbox_icon:hover{ color: #00FF2F !important;border-color: #00FF2F !important; }
Hi @peanuttario;
this topic may help you :
Mobil menuHi @endannight ;
could it be because of “background: #ffffff1”have you tried within this way ?
background: rgba(255, 255, 255, 0.7) !important;
Hi @Chris_85;
sorry to jump in,
if you are talking abaout “Portfoli Grid” tou can try to add this line into your custm css (adjust is as you like) :
.grid-entry{margin: 25px !important;}
March 24, 2016 at 10:37 am in reply to: Way to show the Site Title and Tagline in the header #602919Hi @happyworld ;
Is there a way to display the Site Title and Tagline in the Header Section?
Dashbord > Theme Options > Header > Header Layout > Header Title and Breadcrumbs
But don’t forget to check in the page admin “Layout / Title Bar Settings”are there ways to adjust the way the Site Title and Tagline would look
By adding this lines in the Quick CSS field you can change the familyn size and color oft the “page TITLE” and “BREADCRUMB”, adjust them as you like.
h1 #top .title_container {
font-family:XXXXXXXX !important ;
font-size: XXpx !important ;
color: #XXXXX !important ;
}.title_container .breadcrumb {
font-family:XXXXXXXX !important ;
font-size: XXpx !important ;
color: #XXXXX !important ;
}BUT,
the most important thing is to start with :
Enfold documentation which will certainly help you.March 24, 2016 at 10:13 am in reply to: how to get one of the main menu links to give the homepage address #602914Hi @happyworld ;
I’ve given in this topic some description about “menu, how to show a page in menu”.Hi @tjcoffey4 ;
a quick response, this topic may help you :
hidden-pageHi @hsie;
On my computer I can’t see the difference in your examples.
Here is what I see in your page color section (Mac OS X 10.9.5)- This reply was modified 8 years, 9 months ago by begrafiks.
March 23, 2016 at 10:06 am in reply to: Full screen slider – reduce height & make fonts larger #602413Hi @navindesigns;
I think this may help you :/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { /*SMALLER TITLE*/ .responsive #top .slideshow_caption h2.avia-caption-title {font-weight: 400 !important;} /*HIGHER TITLE*/ .caption_bottom .slideshow_caption .slideshow_inner_caption{bottom: 50px !important;} }
Hi @cfuchshofer;
Have you tried to use “Grid Row” ?Grid Row :
3/5, 0 padding, insert your Image-Hotspot.
2/5, use padding which suites, insert your Icon-List.Ps: I’ve called Google traduction to be able to read your question.
Hi @Guenni007 ;
You’re right (Hotel demo is gorgeous, as the other new ones) to have the commerce plugin “Required” instead of “Recommended” destabilizes the “new” user.
What I’ve done to get ride of the “commerce” plugin is :
1 – activate “commerce” plugin,
2 – install the “Hotel Demo”,
3 – Enable Avia Layout Builder Debug in order to have the possibility to copy and paste the “Products” as “Rooms” ,
4 – deactivate the “commerce” plugin and,
5 – create -if necessary- new “rooms” (page/post/portfolio item).Hi @kgflash1;
I think you can achieve it by ;
– turning on custom CSS field for ALB elements and with
– Media queriesMarch 21, 2016 at 1:29 pm in reply to: Mutiple Simple Sliders on one page in 3 columns – "white gaps"? Can you help? #601201Hi @DMStemberg;
I’ve taken your question as a matter of intellectual question, however, and the answer is mathematical !The width of the element “.av_one_third” in “#av-layout-grid” is equals to 33,3% and 3*33,3% is never 100%.
On local I’ve achieved to reach to something (acceptable) by using different size of image :
1st cell image size 600*702px,
2nd cell image size 600*703px,
3rd cell image size 600*703px.- This reply was modified 8 years, 9 months ago by begrafiks.
Hi @riskagency ;
I’m not really sure what I see your example, but in case it’s a “shadow” you can achive with css;
Just look here css text-shadowHi Chris_85 ;
this can help you :
Register Additional Google Fonts for Theme OptionsHi @Bcunningham ;
there is a padding-left : 30px in the element “OUR EXPERIENCED TEAM ADORE CHILDREN!”,
I think you should put it “0px” for mobile screen.Hi @mikehenze ;
I think HEX colors work with 3 or 6 numbers.
#32602 there is on missing or two spare numbers. -
AuthorPosts