Forum Replies Created
-
AuthorPosts
-
the surrounding container of the fifth column is a color section ?
Try to put the following elements in a color section too and have a look what happends.
edit: i followed your instructions in the first post. I can not reproduce the error!
-
This reply was modified 10 years ago by
Guenni007.
yes this was made due to the background transparency of the header on scrolling – but if you use a full color than it is obsolete!
on white case there was before a 0.8 opacity of header and a full white under ul – this looks awfull.
but with your brown this is not important.just for you to learn :lol
this.av_alternate_logo_active #avia-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; }
does not overwrite the rule :
#header_main #avia-menu { background: #fff !important }
but this does !
.av_alternate_logo_active #header_main #avia-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; }
because it is more specific ( it is a special case of the other)
;)ok try to get rid of all code above and set instead:
the shifting of the menu comes later:nav.main_menu { background: transparent none repeat scroll 0 0 !important; } #header_main #avia-menu { background: #fff !important; border-radius: 20px; padding: 0 20px; } .av_alternate_logo_active #header_main #avia-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; } .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a { height: 35px; line-height: 35px; }
and then we see next steps
these settings above were for your first choosen normal (88px) hight – for the small nav you need this instead
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a { height: 35px; line-height: 35px; }
yes but to look nice it had to be the same hight of the height when you scroll down !
hm i wait until you are ready with your decision of the hight: a few minutes ago there was a hight of 88px now it is small.
because all values depends on that decision
to get the list points near the center add:
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a { height: 60px; line-height: 60px; }
sorry – see my edit – try instead:
and get rid of that 100% rule mentioned above before edit.nav.main_menu { background: transparent none repeat scroll 0 0 !important; } #header_main #avia-menu { background: #fff !important; border-radius: 20px; padding: 0 20px; } .av_alternate_logo_active #avia-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; }
this removes the container background – but when scrolled down the behaviour is as usual
-
This reply was modified 10 years ago by
Guenni007.
edit : sorry i misunderstood you
soon an edit follows :lol
-
This reply was modified 10 years ago by
Guenni007.
on Enfold Options goto header – transparency options
there you can upload the logo for transparent case and set the font-color for menu.
But if you have dark and light images on that slider it is hard to choose the right color.
Maybe than it is better to choose the glassy header in that case
or the header only appears on scrolling down!-
This reply was modified 10 years ago by
Guenni007.
yes – indeed you got me ;)
no subfolder install because url leads to nowhere
hm yigit i think he does the “see submitted url” thing to not make the url public :wink
so if it is so – change it :lolis it realy you want to get it – becaus logo image is a jpg – not a png with transparent background.
and why using an image if it is only a color information in it ( rgb(103,138,206) ) ?-
This reply was modified 10 years ago by
Guenni007.
for 50px heading and 30px subheader he only had to play with that container height and padding
yes but have a look to your changings : the h1 container has 100% width so the background-color goes the full 1210px (default value without 50px padding left/right) – if you look at his screenshot he likes to have only background-color behind the fonts – not the whole container.
hm – if you only want the heading to get a background color you have to do a little trick – because the container of the h1 (or heading) has 100% width of the surrounding container.
go to your heading and put the heading text in
<span>Wat krijg je?</span>
so you can make some specific css for that:f.e.:
.av-special-heading-tag { height: 100px; position: relative; top: 40px; } .av-special-heading-tag span { background: rgba(0, 220, 152, 0.8) none repeat scroll 0 0; border-radius: 15px; padding: 10px 20px; }
you can see the result here:
http://webers-testseite.de/enf02/wat-krijg-je/if you only want it for that page you has to know the page-id:
.page-id-2019 .av-special-heading-tag { height: 100px; position: relative; top: 40px; } .page-id-2019 .av-special-heading-tag span { background: rgba(0, 220, 152, 0.8) none repeat scroll 0 0; border-radius: 15px; padding: 10px 20px; }
-
This reply was modified 10 years ago by
Guenni007.
btw. for shrinking headers it is a bit more complicated to rule everything correct.
if you like to use the normal site title and site description :
add_filter('avf_logo_subtext', 'kriesi_logo_addition'); function kriesi_logo_addition($sub) { $sub .= get_bloginfo( 'name', 'display' ); $sub .= "<br><i>"; $sub .= get_bloginfo( 'description', 'display' ); $sub .= "</i>"; return $sub; }
the <i> option is to have the possibility to style site-name and description in different manners
e.g:
.logo .subtext { font-size: 28px; position: relative; top: 30px; } .logo i { font-size: 14px; } .logo > a { text-decoration: none; } .logo a { line-height: 20px; } .responsive #top .logo { display: block; height: 120px !important } .responsive .logo a { display: block }
-
This reply was modified 10 years ago by
Guenni007.
there are not only media queries for screen width even for aspect ration and orientation portrait / landscape are possible
e.g:
@media (orientation: portrait)or even for retina settings you can have rules here:
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ /* Retina-specific stuff here */ } @media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi){ /* Retina-specific stuff here */ } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){ /* Retina-specific stuff here */ }
sorry – without seeing your page i can not help here furthermore.
if you like to post the link only in a private manner than you have to wait for help from Moderators.i see you are using bwp minify
can you please try to deactivate that plugin and have a look if the slider works correct ?
because i have sometimes problems with it too.or :
That is the reason why i often put these concerning javascript files into “manage enqueued files” to script “to not minify”this is on bwp minify options page
is it a responsive fullwidth slider?
there are some css – settings from enfold css missing!e.g on fullscreen responsive layer-slider the container is a content-box not a border-box:
.ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-container, .ls-container * { box-sizing: content-box !important; }
etc. pp
how do you upgrade to 4.2.4 via WordPress or manually
-
This reply was modified 10 years ago by
Guenni007.
you have to edit your pages to obtain this kind of look. On that page the first alb element is a full-screen slider.
On the right side of your page editor there are some options for the header. I guess on your example page this is a transparent header.
You can depose an extra logo for that “transparent” case on Enfold Options Dialog on Header/Transparency Options (see your example page – there is on transparent looking a white logo – on semitransparent header it is colored with black/gray font)well have a look here: https://kriesi.at/support/topic/enfold-configuration-in-defferent-languages-using-enfold/
on my comment i suggested that it might be possible to export/import Settingsfile to the other languages
https://kriesi.at/support/topic/enfold-configuration-in-defferent-languages-using-enfold/#post-476902this is for me a feature and not a bug – because i often have customers who wants to have different colors or fonts for the different languages (even other logos)
August 12, 2015 at 11:23 am in reply to: WP Version 4.2.4 – can not upload images to the theme – Enfold #486400Hört sich für mich nach einem Fehler der Berechtigung des upload Ordners an (wp-content/upload) – schau mal ob die Rechte das schreiben erlauben und ob du Eigentümer der Datei bist.
Ich bekomme z.B die gleiche Meldung wenn ich den Upload-Ornder auf 640 setze.Hast du manuell auf 4.2.4 das Update gemacht ?
Bei meinem Provider (hosteurope) ist es ein unterschied ob man als ftp-user oder wp-user das behandelt.
Ich bin jetzt komplett bei den WordPress installationen zu wp-user als Eigentümer übergegangen. Und ich habe den Ftp-User als wp-user im Backend des Hosters declarieren können. Das beseitigte alle Eigentumsrechte Konflikte.Seems to be a file/folder-permission conflict. Please have a look to the folder-permissions of wp-content/upload – these have to be writeable!
Sometimes (it depends on your hoster) there could be also an owner conflict.-
This reply was modified 10 years ago by
Guenni007.
August 4, 2015 at 7:10 pm in reply to: Oh – Edge on Windows 10 is again totaly different to IE11 etc. #482908ok deep in the deepest bottom of my brain there is a rembering that IE browser got problems if a positioning was set to absolute without giving a positioning to the parent div ! (allthough IE11 got it without that code)
that solves the edge problematic :
.ourway .content {position: relative !important}
can be closed now
August 4, 2015 at 6:58 pm in reply to: Oh – Edge on Windows 10 is again totaly different to IE11 etc. #482901i compared the code in developer tools in situ
and on edge the style from the headline rotator active span is:
style="transition:0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); display:inline; opacity: 1; transform: translate(0px, 0px);"
on firefox f.e.:
style="transition:0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; display:inline; opacity: 1; transform: translate(0px, 0px);"
the 0s is the delay of transition? is’t it?
could this be the reason for the output ?i set a class for the color-section containing the rotator to: “ourway”
.ourway .post-entry.post-entry-type-page.post-entry-550 {bottom: 10%; position: absolute !important; right: 0} .ourway h2.av-rotator-container-inner{font-size:30px!important;line-height:50px!important} .ourway h2.av-rotator-container-inner span{font-size:24px!important}
-
This reply was modified 10 years ago by
Guenni007.
August 3, 2015 at 8:38 pm in reply to: Oh – Edge on Windows 10 is again totaly different to IE11 etc. #482404here is a short movie how it “works”
http://webers-testseite.de/carpe/edge-bug/August 3, 2015 at 12:47 pm in reply to: Oh – Edge on Windows 10 is again totaly different to IE11 etc. #482052the headings are seen first as i set it in quick.css – but then immediately flip to top of the color section.
Even IE 11 gets it and all other browsers too. But only edge is buggy in this settings. -
This reply was modified 10 years ago by
-
AuthorPosts