Forum Replies Created
-
AuthorPosts
-
August 20, 2016 at 3:42 pm in reply to: Add a secondary logo in the header on the right side #675027
not the quick css only .
first same as with two logos now three (that is for functions.php of child-theme):
function second_logo($logo) { $logo .= '<strong class="logo second-logo"><a href="logo2link" >' ; $logo .= '<img src="/wp-content/uploads/logo2.png"/>'; $logo .= '</a></strong>'; return $logo; } add_filter('avf_logo_final_output', 'second_logo'); function third_logo($logo) { $logo .= '<strong class="logo third-logo"><a href="logo3Link" target="_blank">' ; $logo .= '<img src="/wp-content/uploads/logo3.png"/>'; $logo .= '</a></strong>'; return $logo; } add_filter('avf_logo_final_output', 'third_logo');
you have to adapt those settings (logo2Link, logo3Link and the name path to your logos)
now my quick css (the values are pending to the logos itself. you have to play with those values – in my case i have choosen logo width in this way that on ipad landscape all logos fit the screen without floatin)
div .logo { float: left; padding-right: 25px; left: 0; position: relative; z-index: 1; } .logo a { max-width: 300px; } .logo.second-logo, .logo.third-logo { float: right; position: relative !important; z-index: 1; } .responsive #top .logo { height: auto !important; }
if it does not look like you want it – without the link to your site i cannot give help here.
So either post here public the link to it. Or make it in private content – than you have to wait for mods here.BTW. I’m testing myself on that playground the ubermenu integration – so it does not look like before because i replaced Enfold Navigation with UberMenu.
and an important link : http://sevenspark.com/docs/ubermenu-enfold for UberMenu 2
http://sevenspark.com/docs/ubermenu-3/theme-integration/enfold for UberMenu 3
ich nehme stark an , dass du im Inhalt der css Fehler hast.
Irgendein vergessenes Semicolon oder eine nicht geschlossene Klammer.
Wenn sowas ist, ist der Code der drunter steht nicht wirksam.
Die Anweisung stimmt, denn ich sehe wenn ich deine Seite mittels Firebug bearbeite (virtuell – als Webdeveloper Tool) und die Zeile einfüge, dass die Zeilen weg sind .
Deshalb durchforste die Gesamte Quick css nochmal.PPS : wer hilft dir bei der Seite. Es sind viele – auch sonderbare Fehler drin zB 2Opx mit dem Buchstaben O und nicht 0 für 20px.
1) also: css Anweisungen für Container oder Klassen (# oder .) öffnen und schließen mit geschweiften Klammern! { }
2) Bei den Klassen nicht die Punkte davor vergessen ( ich glaube das fehlen einige – manche habe ich gesetzt – bei media print zum Schluss denke ich ist es auch .small – weiss nicht ob es nicht sogar .small-units ist – Zeig mit mal die Stelle wo das zur Veränderung kommen sollte)
3) innerhalb der geschweiften Klammern können bei den attributen dann rund Klammern stehen. Die letzten Anweisungen innerhalb der runden Klammern benötigen kein Semicolon am Ende – die anderen zur Trennung von den neuen Anweisugnen schon.
4) Bitte Bindestriche nicht beliebig wegfallen lassen. font-size, font-weight, line-height etc.zur Deutlichkeit habe ich mal Absätze eingefügt
.minitext {display: none!important} #text-9 { font-family: Lucida Grande ; font-size: 1.4em !important; line-height: 1.4em } #news-headline { font-size: 20px; line-height:1.2em } .avia_combo_widget { font-size:1.4em; line-height:1.8em } #mc_embed_signup .clear {display: block: visibility: visible; height: auto; width: auto} blockquote { background: #ffff99 repeat scroll O O; border-color #c2OaOa } .image-overlay {visibility: hidden } /*hier musst du mir mal das zeigen was verändert werden soll */ @media print ( }
noch etwas
wenn ein div zum Beispiel zwei Klassen (kommt bei Enfold häufig vor) gleichzeitig hat, dann ist zwischen den Klassen keine Leerstelle
z.B. bei den 1/2 1/2 Columns die Enfold macht ist zB:div .flex_column.av_one_half
das combo widget bekommt je nachdem immer eine eigene ID #avia_combo_widget-2 und #avia_combo_widget-2 etc.
die Teile haben alle die Klasse: .avia_combo_widgetdeshalb wenn alle geändert werden sollen kann man über die Klasse gehen.
-
This reply was modified 9 years ago by
Guenni007.
Hmportant nicht !!! sondern ein Ausrufezeichen direkt gefolgt von important – am besten copy/paste von oben !
.minitext {display: none !important}
ps – da sind einige übernahme Fehler drin.
ich schaue gerade mal durch-
This reply was modified 9 years ago by
Guenni007.
you see these ;D and :)
it tells its own taledie ist im Quelltext auch nicht zu sehen.
Hast du die Quick css auch gespeichert ; bzw laufen Caching tools ?hast du in der Quck css überhaupt schon Sachen erfolgreich gespeichert ? Sind da Einträge
i think no – this seem to be one of those nice things which Kriesi exceptionally does not share:
Hi!
Sorry we currently dont share this element since its in no way easy to edit. It also adds a little uniqueness to our site which is really necessary as a theme provider using a template ;D
We will probably share the element in the future though. In any case sorry for that :)
Kriesithats very sad indeed – nice Visualisation
On Dashboard – Appearance – menu
did you see this option on every list point of your navigation to switch the menu style to “button style colored” ?
than that menu point is highlighted with a background color. Maybe this is enough for your request. If not – let me knowPS in the same way you can give each navigation list point a custom class. From there it is only a css styling away from a button outlook.
-
This reply was modified 9 years ago by
Guenni007.
Gerne darfst du mir aber auch deine Wunschübersetzung nennen und ich mache das Gerade – uploaden musst du dann jedoch selbst.
Loco translate : Link scheint gut zu sein.
Leider greift das Plugin auf die informal language in dem Unterordner Enfold/Lang/Informal zu!
Wordpress holt sich jedoch als deutsche Version die “Sie” version heran – und nur in der ist die Übersetzung
Leave a reply : Hinterlassen Sie einen Kommentarzu finden! schade es wäre sicherlich die für einen Leien leichtere Art gewesen.
Wie gesagt die Übersetzungen befinden sich in deinem Enfold Ordner / lang
da sind zwei Files de_DE.po und de_DE.mo wir brauchen die po Datei.Zieh dir poedit herunter (freeware – https://poedit.net/download )
Öffne zunächst mal das Programm. Schaue mal bei Poedit/Einstellungen/Allgemein zunächst ob der Haken bei “MO Datei beim Speichern automatisch erstellen” angewählt ist.Öffne nun die po Datei und gehe über Bearbeiten / Suchen und gebe die zu übersetzende Phrase ein
in deinem Fall : Hinterlassen Sie einen Kommentarunten siehst du nun das Original und darunter die Übersetzung – in der Du nun deine Wunsch Phrase einsetzen kannst.
Speichern (Dabei wird auch eine .mo Datei erstellt)
Die beiden Files via ftp dann hochladen.für den Backlink zu Kriesi siehe hier: http://kriesi.at/documentation/enfold/change-the-footer-text-and-link/
die kleineren Untertexte loswerden ist leichter – dazu das hier in die quick css ( Enfold – Allgemeines Styling – Quick Css) :
.minitext {display: none}
Bei dem anderen muss ich was ausholen. Es gibt verschiedene Wege die Übersetzungen der originalen englischen Phrase in das Deutsche zu ändern.
Ich nehme mir immer poedit (freeware) und öffne schlicht die de_DE.po Datei im Enfold Ordner / lang
(aufpassen hier besonderheit deutsch es gibt auch die informale Ansprache mit Du in dem Ordner)
Und ändere die entsprechende Übersetzung und lade diese beiden Files dann hoch via ftp (poedit generiet dann zwei files die de_DE.mo auch).Es gibt aber auch WordPress Plugins um die lang-Dateien zu bearbeiten.
Ich schau mal welches da gut ist.-
This reply was modified 9 years ago by
Guenni007.
August 18, 2016 at 6:13 pm in reply to: Add a secondary logo in the header on the right side #674289in what way not !
what is propper – describe the behavior you like to have – i’m no mind reader at allthe more precise is the request – the more specific is the solution!
August 18, 2016 at 6:00 pm in reply to: Add a secondary logo in the header on the right side #674284is that what you want: http://webers-testseite.de/ikom/
August 18, 2016 at 5:39 pm in reply to: Add a secondary logo in the header on the right side #674267it is very nice when you come with your request bit by bit. :wink
first request was “additonal logo on the right hand side”
next two logos left littel padding
next now : main logo left two additional logos on the right
i think i will wait till you have found your final layout – sorryEdit: and please think about what has to happen for small screen layout (Smartphones, Tabletts in portrait orientation)
Three logos (main logo left , two logos floating on the right )-
This reply was modified 9 years ago by
Guenni007.
August 18, 2016 at 4:19 pm in reply to: a nice tip for preloader: rotation of an image instead of spinning wheel. #674221as you see you only need a class or an id for that rotating trick!
if you want f.e. that the icons in an icon-box (big icon at top) rotate once on hovering give the iconbox a class ( in my case: rotating_icon)
(if you want that every iconbox react like this forget about custom css and make it for .iconbox_icon:hover )
.rotating_icon .iconbox_icon:hover{ animation-name: iconrotate; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; animation-play-state: running; /* Firefox: */ -moz-animation-name: iconrotate; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: 1; -moz-animation-play-state: running; /* Safari and Chrome: */ -webkit-animation-name: iconrotate; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1; -webkit-animation-play-state: running; -webkit-backface-visibility: visible } @keyframes iconrotate { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } @-moz-keyframes iconrotate /* Firefox */ { from {-moz-transform:rotate(0deg);} to {-moz-transform:rotate(360deg);} } @-webkit-keyframes iconrotate /* Safari and Chrome */ { from {-webkit-transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);} }
-
This reply was modified 8 years, 12 months ago by
Guenni007.
for detail information on enable cors : http://kriesi.at/documentation/enfold/enable-cors/
in case of a non apache server read above to solve the problem.On Apache Servers :
Add this to your htaccess file (root directory of your installation as “.htaccess” file – without extension!)<FilesMatch "\.(ttf|otf|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>
look here: https://kriesi.at/support/topic/icons-not-showing-data-av_icon-empty/#post-580430
download now direkt on fontello.com the fontawesome font!
August 18, 2016 at 8:39 am in reply to: Change the height of the bread crumbs container and vertical align #674083yes we need a link! on this test page of mine the code works well: http://webers-testseite.de/ikom/
if you like to reduce the hight of that container:
.title_container { height: 40px !important; } #top .title_container .container { min-height: 40px; padding-bottom: 0; padding-top: 0; }
August 18, 2016 at 8:22 am in reply to: Add a secondary logo in the header on the right side #674078same code in child-theme functions.php but instead of css code above try this here (padding-right is the logo distance):
div .logo { float: left; padding-right: 25px; left: 0; position: relative; z-index: 1; } .logo.second-logo { float: left; position: relative !important; z-index: 1; } .responsive #top .logo { height: auto !important; }
see link: Link
meanwile there is the font awesome download on fontello site! itself
but this way will work with ever webfont.svg which you can downloaded.
August 18, 2016 at 1:05 am in reply to: Add a secondary logo in the header on the right side #673933btw. on the example above i centered the navigation in this way:
.html_header_top.html_bottom_nav_header .main_menu ul:first-child { display: inline-flex; margin-left: 50%; transform: translate(-50%); white-space: nowrap; width: auto !important; } .html_header_top.html_bottom_nav_header #top .main_menu .menu-item-search-dropdown { float: left; }
August 18, 2016 at 1:03 am in reply to: Add a secondary logo in the header on the right side #673930ok.
are you familiar with using a child-theme?
you can place the following code to your child-theme functions.php:
you can insert here a link target to the second logo!function second_logo($logo) { $logo .= '<strong class="logo second-logo"><a href="link-url" target="_blank">' ; $logo .= '<img src="path to your second logo - absolut path is best here"/>'; $logo .= '</a></strong>'; return $logo; } add_filter('avf_logo_final_output', 'second_logo');
than you have to play a bit in your quick css f.e.
.logo.second-logo { float: right; position: relative !important; z-index: 2; } .responsive #top .logo { height: auto !important; }
you can see a result of that here: http://webers-testseite.de/ikom/
And you see it works with shrinking header too! You than have to define what happens with the second logo in responsive case.
Some decide to display logo2 to none.download the fontawesome pack. Unzip it.
take the fontawesome-webfont.svg out of the fonts folder. Upload that to fontello icons by drag and drop! in that custom field.
fontello now makes a font – select the wanted icons and dowload that fontello icon font set as zip.
Upload that to your enfold theme! bingo (svg wonder :lol:)see here: http://webers-testseite.de/ikom/gallery/
-
This reply was modified 9 years ago by
Guenni007.
in this case you have to know that most of the users do it by creating
1/5th 3/5th 1/5th columns
so you have the possibility to have under this construction
a 1/2 1/2 column the whole width.but if it has to be:
@media only screen and (min-width: 768px) { .flex_column.av_one_full { padding: 0 15%; } }
if it has to be only site-specific:
f.e.@media only screen and (min-width: 1400px) { .page-id-2766 .flex_column.av_one_full { padding: 0 15%; } }
you can see it here: http://webers-testseite.de/ikom/neue-seite/ but for screens width bigger than 1400px
on the bottom you can see it with columns mentioned above – but these goto 100% only for responsive mode (mobile or tablet – depends on what you have choosen in enfold options)
-
This reply was modified 9 years ago by
Guenni007.
Did you install a demo ?
because on default – even if you choose the stretched layout the content is on default at 1310px minus 50px padding left right.
So 1210px is normaly the content. Some alb elements are stretched to screenwidth (grid-row, …)
If you have perhaps a demo site or an example on enfold demo sites where this happens we might better help youyou can use not only for small screens even for wide screens those media querries like:
@media only screen and (min-width: 1600px) { .av-layout-grid-container { margin: 0 auto; width: 70vw; } }
btw. this is a nice gradient generator:
August 17, 2016 at 9:41 am in reply to: Add a secondary logo in the header on the right side #673588what kind of header did you choose:
sticky, logo left menu below etc. -
This reply was modified 9 years ago by
-
AuthorPosts