Forum Replies Created
-
AuthorPosts
-
but if it is semitransparent it is not visible (only if images are underneath) because background of the other containers are white?
if you are using a svg instead this is very easy !
https://kriesi.at/support/topic/info-concerning-to-svg/
the only thing to do is to give the svg a width because wordpress is using 0x0 (width and hight) of an svg.
than follow the gimmick withpreserveAspectRatio=”xMidYMid meet”
the great advantage of svg is that your shrinking header is more sharp than any other image format – because of vector based infos.
so your little subheader could be readable even on shrinked header.-
This reply was modified 9 years, 1 month ago by
Guenni007.
btw. here is a gradient online creator:
http://www.colorzilla.com/gradient-editor/aha ( use the transparent header ) and add to quick css:
#header_main { background: rgba(255, 255, 255, 0.6) !important; border-bottom-width: 0; }
http://webers-testseite.de/enf02/portfolio-item/project-6-living-room-design/
-
This reply was modified 9 years, 1 month ago by
Guenni007.
f.e:
#header_main { border-bottom-style: solid; border-bottom-width: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 15%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 15%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.9) 15%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); }
see: http://webers-testseite.de/enf02/
on landing pagewhat do you mean by partially?
Do you think of a gradient which goes from opacity 90% to 10% f.e. ?you can find a gradient editor on: http://www.colorzilla.com/gradient-editor/
-
This reply was modified 9 years, 1 month ago by
Guenni007.
aha – that was the gist of the matter
hm – so now we have to wait for Moderator answer. This might work that way. Have you any error message or does it only fail?
if you are in Enfold Options Dialog you can even see on top for each language a flag (or on the tab side the language versions)
to transfer the options from your spanish version got to it and export the theme settings file – change language on enfold options and import that spanisch file This will copy all your settings. Is it that you meant?By the way : for me it is not a bug – it is a feature. You can style every language Version in an own manner. Even Logo could be different – or menustructure.
-
This reply was modified 9 years, 1 month ago by
Guenni007.
you only want that the date stamp is invisible? not to totaly get rid of it. Sometimes this will be helpful because of ordering a blog in a grid or masonry.
So to avoid showing the date-stamp try this:.search-results .post-meta-infos .date-container { display: none !important; }
an easy way to avoid this is to “duplicate” the main-menu by creating a new one with same Menu-items and declare only this to enfold footer menu, and the other one to main-menu. Different Menus (other names) results in new ids
4 items its not so much work ! :wink
btw: the functionality of your site is not influenced by that – but you are right that this will not be html5 conform and so not valide
-
This reply was modified 9 years, 2 months ago by
Guenni007.
Sorry for questioning this maybe disrespectful thing. You have made all translatons of your site!
Pages and Post are translated and dedicated to their spanish version?
Now you press the language Switch and what happend then?Alot of webdesign beginners have the delusive Hope that WPML is a translating plugin. WPML manages only the translations!
On your description above it sound a bit like you did that too.
try this one:
.breadcrumb-title { display: none !important; }
pay attention on your brackets ! (you see the difference? after display: block – a closing curly bracket – and then a new rule )
and padding never has negative values ! (in difference to margin – which could have)#header .mega_menu_title { margin-bottom: -10px; font-size: 12px; line-height: 0.5em; font-weight: 80; display: block; } #top #header .avia_mega_div > .sub-menu { padding: 10px 20px; } #top #header .avia_mega_div > .sub-menu.avia_mega_hr { padding-top: 0; }
February 24, 2016 at 4:08 pm in reply to: Firefox – portfolio categories of 6 columns show as 5 + a blank #588457i’m glad to see that it worked :wink
And please tell us what it was – the code above works on all my installations.
thanks VORMELEVENCC
das av_one_full war für meine Testseite – da ist der 1/1 container mit gemeint.
wenn du 1/3 1/3 1/3 hast legt Enfold eine Klasse “flex_column_table an.
alle dieser Klasse folgenden div werden dann geändert (denn normalerweise müßte man hier für jedes der 1/3 columns eine Anweisung machen.ich seh ja deine Seite nicht – daher eben nur Vermutungen.
February 23, 2016 at 4:52 pm in reply to: Disable lightbox on many pages / allow for certain #587789does he want pointer-events: none ?
i thought he wants a normal link not a lightbox
February 23, 2016 at 12:30 pm in reply to: Disable lightbox on many pages / allow for certain #587651i suppose this was a topic i’m interested too in a former installation – look here – this was the solution Josue gave me:
https://kriesi.at/support/topic/disable-integrated-lightbox-effect-for-a-specific-page/
February 23, 2016 at 12:13 pm in reply to: Firefox – portfolio categories of 6 columns show as 5 + a blank #587644i know that from IE but the other browser should do this:
Margin is never included in a defined “width” and “height” region; it defines the gap to leave between elements.
Internet Explorer takes “width” and “height” to be the total area including padding and border.
Firefox, Opera, Safari, SeaMonkey and other W3C compliant browsers take “width” and “height” to define just the text/image content area. With W3C compliant browsers, padding and border are outside the defined “width” and “height” region.
so even a 1px border could be responsible for that behavior
February 23, 2016 at 12:03 pm in reply to: Firefox – portfolio categories of 6 columns show as 5 + a blank #587639Yes it seems that the value 16,66666% (100/6) is to big for that (maybe because of margin or border settings) :
#top .no_margin.av_one_sixth { width: 16.65%; }
but you have to refresh the site to take influence on it – and if 16.65% is too big reduce it a bit.
are you using any caching plugin? (W3TC or WP Super Cache etc.)
if – clear cache:i use this code for it:
add_filter( 'avia_post_nav_settings', 'enfold_customization_same_cat' ); function enfold_customization_same_cat( $s ) { $s['same_category'] = true; return $s; }
but it is the same as above with different custom function names
nur so auf die Beschreibung hin ist das schierig, da es viele möglichkeiten gibt solche Columns zu setzen (equal height, no distance etc. pp) dann natürlich ob es generell geändert werden soll oder nur spezifisch für eine Colorsection etc.)
hier kannst du mal in einer Beispielinstallation sehen, wie ich es gemacht habe.
Am Besten man verpasst der Colorsection eine Custom Klasse (oder ID geht auch) siehe hierfür: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
dann kann man zB alle Columns unterhalb dieser color-section so ansprechen:http://webers-testseite.de/enf02/company
#top .customclass .av_one_full { background: rgba(0, 0, 0, 0.2) !important; } #top .customclass .flex_column_table > div { background: rgba(255, 255, 255, 0.9) !important; }
siehe obere : du kannst natürlich auch einen dunklen Hintergrund wählen.
tja ohne die Seite zu sehen ist es schwer.
Ich empfehle die Developer Tools zu nutzen, – entweder die mittlerweile in den meisten Browsern vorhandenen; oder – weil ich das schon ewig nutze Firebug in Firefox.
da kann man dann via Rechte Maustaste (Context Menu) auf ein Element zeigen und sich die Eigenschaften (in welchem Element zB. das Teil liegt, bzw. rechte Seite welche CSS eigenschaften es von wo vererbt bekommt.
Vorteil man kann da auch eine CSS Eigenschaften virtuell ändern. Das siehst du zB das ich bei .container_wrap das auf 0 gesetzt habe und die Linie links dann weg ist.
bei 3 habe ich mal auf 5px gesetzt und dafür border-top-style auf none – geht auch.
Wie gesagt entweder selbst mal ausprobieren (Firebug ist aber ein Addon, welches man hinzuladen muss) oder den Link mir mal anzeigen.-
This reply was modified 9 years, 2 months ago by
Guenni007.
das ist aber unsauber; du überdeckst sie dadurch nur mit Content. Versuche einfach mal die Anweisung auf important zu setzen:
.container_wrap { border-top-width: 0 !important; }
but we are talking about child-theme functions.php ? this is correct ?
well i’m participant as well – so i do not see your Sitelinks.
Hard to say – try this here:#top #header .avia_mega_div > .sub-menu { padding: 20px 30px 10px; } #top #header .avia_mega_div > .sub-menu.avia_mega_hr { padding-top: 0; }
padding: 20px 30px 10px means top: 20px left/right 30px bottom: 10px
the last bottom-value is for you important.-
This reply was modified 9 years, 2 months ago by
Guenni007.
so did you inserted his code into quick css
#header .mega_menu_title { margin-bottom: 8px; font-size: 17px; line-height: 1.1em; font-weight: 600; display: block; }
the margin-bottom manages the distance
oh sorry i did not read ismaels post carefully
but how we do the positioning – that “mega menu” is not in a line with MainMenu Point – this shift is not so nice (here on three unit about -140px)
-
This reply was modified 9 years, 2 months ago by
Guenni007.
-
This reply was modified 9 years, 1 month ago by
-
AuthorPosts