Hi Yigit,
Looking good!
We are almost there: because of the minus number (.avia_wpml_language_switch { top: -30px; } the language flags don’t show on smartphones. Will it be possible to still show them? Maybe when we remove the grey section above the white navigation section the problem is solved? I think the flags show up below this grey section on smartphones. But that’s just my feeling. :-)
Regards,
David
Hi!
Please add this on Quick CSS to modify the select form:
#top select {
width: 500px;
}
This is for the text input:
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
width: 500px;
max-width: 100%;
}
Adjust the width value if you want.
Best regards,
Ismael
Hi orsettopro!
You can use this on Enfold > Styling > Quick CSS to adjust the margin of the logo partner element:
.avia-content-slider {
margin: 5px 0;
clear: both;
}
Cheers!
Ismael
Added that, but if you look at the CSS generated, the @media block is showing up after some other css in the same HTML block. I thought that @ directives need to be at the top to have an effect. or maybe that’s just @import. i don’t know, but either way, it didn’t affect it on my mobile device. Here’s the CSS that was generated, yet I only pasted what you sent me into the box. the above stuff is coming from somewhere else.
<style type="text/css" media="screen">
html { margin-top: 32px !important; }
* html body { margin-top: 32px !important; }
@media screen and ( max-width: 782px ) {
html { margin-top: 46px !important; }
* html body { margin-top: 46px !important; }
}
</style>
Many thanks, it works fine with 5px, 5px,…
Hi Yigit,
sorry for not coming back to this topic, but i think it will be better to make everything final and than let you take a look at the places where i want to have smaller margins …
one thing that i dont understand at the moment is:
on my frontpage i do not have any white frame at the bottom edge of the website. the last image could scroll in without interfering with a white frame.
Any other page from the website has a white frame at the bottom edge of the website. this makes it less convincing when the last image scrolls over it.
Can i get rid of this white border at the bottom edge of the site on every page ? and when, how ?
many thanx for helping !
stucki
I tried finding one but its not a very popular request. No file would need to be changed but instead you would be uploading a new font file: http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/
What you are looking for is numbers in svg format or as an already generated icon font file. I’ve come up short when trying to find one but it would be a good resource to have so I’ll tag the topic for myself and I’ll try and squeeze in making one this week. It would only be 1-10 or maybe 1-20 in a serif style.
Hey orsettopro!
You can find it on the Media Elements panel.
Cheers!
Ismael
I have found a different solution to my problem. Chaning some settings in Event Manger fixed the problem. Only thing is, on the category page, the sidebar disappeared. So now I need to call a specific sidebar.
I’ll make a new topic, since it’s a different problem.
Thanks for the help.
You can mark this as resolved.
Hey Frisk_Flora!
1- Please go to Appearance > Widgets and add needed widgets to Footer column widget area. You can choose how many columns to display on footer in Enfold theme options under Footer tab
2- Please refer to my post here https://kriesi.at/support/topic/remove-alternate-content-area/#post-218971
Regards,
Yigit
Hey!
You can move the sidebar using this but you will leave a gap on the left side of the content:
#top #main .sidebar_left .sidebar {
left: -50px;
}
You need to add this to fix the gap:
.sidebar_left .content {
padding-left: 0;
border: none;
}
Regards,
Ismael
Hey orsettopro!
You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
then you can create any of them and copy/paste shortcode into any other content element or into text widget.
It is under Media Elements
Cheers!
Yigit
Hi simonac!
Please use this on Quick CSS:
#header_meta {
box-shadow: none;
}
#header_main {
border-top: none;
}
Best regards,
Ismael
Hi Alim!
1) Gehe zu Enfold > Theme Options > Styling und wähle “no custom font” aus. Dann wähle für “Defines the Font for your body text” – “Verdana” aus.
2) Ich würde die “Slideshow volle breite” nützen und dieser nur ein einzelnes Bild zuweisen. Wenn du wirklich ein Bild im konten verwenden möchtest, verwende eine Farb Sektion (Color Section) und gib dieser Sektion eine ID (zB “vollebreite” ohne den “”). Dann füge folgenden Code in das Quick CSS Feld ein, um den Container auf 100% Weite zu dehnen:
#top #vollebreite, #top #vollebreite .container { width: 100% !important; }
Anschließend werden alle Content Elemente innerhalb der Color Section über die gesamte Bildschirmbreite angezeigt.
3) Kannst du bitte einen Link zu der Website zur Verfügung stellen? Der Code kann variieren.
4) Grundsätzlich istes nicht mehr notwendig ein eigenes Stylesheet zu laden. Möchtest du CSS-Korrekturen nur für die Drucker hinzufügen, füge folgenden Code in das child Theme style.css oder in das Quick CSS Feld ein:
@media print {
/* benutzerdefinierten Code hier einfuegen */
}
und unterhalb von “/* benutzerdefinierten Code hier einfuegen */” fügt man dann den CSS Code ein, welcher nur von Druckern beachtet werden soll.
Wir planen einen solchen “print friendly css” Code zu Enfold hinzuzufügen, derzeit arbeiten wir aber an anderen Verbesserungen.
5+6) Dieser Eintrag sollte helfen: https://kriesi.at/support/topic/how-to-use-nextgen-gallery-with-enfold-and-other-kriesi-themes/
Cheers!
Peter
Hi rkoppik!
Can you post the link to your website so we can take a look?
Cheers!
Yigit
Thanks for the suggestion, Yigit.
I had to slightly adjust your code, but it did work.
For anyone’s future reference, this is what I used to target the sidebar specific search button –
#top .sidebar #searchsubmit
Hey Ali!
1 & 2- Please refer to Devin’s post here https://kriesi.at/support/topic/add-a-new-custom-font/#post-211526
3- Please add following code to Quick CSS in Enfold theme options under Styling tab
.avia-menu-fx { display: none; }
Regards,
Yigit
Hey!
Please change header type to Small non-fixed header type in Enfold theme options > Header tab
Regards,
Yigit
Hi,
I’m wanting to change the color of the search submit button colors to where it is one color in the Main Navigation and another in the Sidebars (on certain pages). What class(es) would I specify to do this? I have already used #top #searchsubmit to specify the background-color in the sidebar.
I will include a link to the site in a private post following this one.
In the Main Navigation (want to change this color)
http://postimg.org/image/50hdzlkkp/
In the Sidebar (want to keep this color)
http://postimg.org/image/lbhhvwx27/
-
This topic was modified 12 years, 2 months ago by
Thinkgate.
Hi Adolfo Lucio!
You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.av_promobox { margin-top: 10px; margin-bottom: 5px; }
Regards,
Yigit
Hi!
Do you mind creating a temporary login and posting it here privately so we can take a look what is stopping header from resizing?
Best regards,
Yigit
Hi!
I’m soft closing the topic for now but Kriesi will respond when able. I’m not sure it will be this week however as he is still working on pushing out the next feature release ASAP.
Typically, individual theme features are not able to be pushed out under any specific deadline so if you are counting on this for your client work I would suggest you make other plans.
Best regards,
Devin
Hallo zusammen,
vorweg: Enfold gefällt mir sehr gut. Tolle Arbeit.
Nun habe ich eine Website erstellt: http://wiedemeier-kommunikation.de/sms/
Funktioniert soweit gut. Allerdings auf dem iPad im Querformat wird die Naiv nicht richtig angezeigt. Sie ragt in das Bild hinein. Habe viel versucht, komme aber nicht weiter. Das Menüsymbol wird auf dem Monitor bei einer Breite von ca. 960 px angezeigt. Aber eben nicht auf dem iPad.
Habe auch dieses hier versucht: https://kriesi.at/support/topic/mobile-menu-not-showing-on-ipad-2/
Komme aber nicht weiter. Hätte jmd. eine Idee?
Danke
Frankoforte
I’m running the very last version of Enfold so i don’t think i have the same pb than: https://kriesi.at/support/topic/mysterious-white-spaces-between-sections/
thanks
Hello,
How can i delete the 1px border of the social icon header field?
It is just the small line of the box. I do not use social icons but the line is still visible.
See an http://authentic-voice.at …near th top of the hp.
Thanks
Hi!
If I understand you correctly, you can replace the code with this on Quick CSS to hide the subpages on desktop view:
@media only screen and (min-width: 768px) {
.sub-menu{
display: none !important;
}
}
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.sub-menu{
display: block;
}
}
Regards,
Ismael
This reply has been marked as private.
that was not working,
but i put this code, and it seems to be ok :
.menu-item-mega-parent .avia-menu-fx {
top: 115px !important;
}
.header-scrolled .menu-item-mega-parent .avia-menu-fx {
top: 72px !important;
}
the only things, that’s not ok is the z-index (the avia-menu-fx seems to be behind the layer-slider)
Hello,
I have portfolio-items that use the Easy Slider. After a recent update from Enfold 2.1 to Enfold 2.4.5 the open slide link in lightbox stopped working. All the other options still work. But I need the Lightbox one.
Here is a link:
Berebeeld portfolio item
Any way to fix this and make the lightbox work again? Already tried disabling all plugins and the following line in avia.js isnt touched:
//activates the prettyphoto lightbox
$(container).avia_activate_lightbox({callback:'avia_lightbox_callback'});
Thanks in advance
-
This topic was modified 12 years, 2 months ago by
Berebeeld. Reason: Code example wasnt right
Hi!
I can’t login to the website. It’s not loading properly on my end. Please try this one:
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 80px !important;
line-height: 80px !important;
}
#header_main .sub_menu {
left: 50px;
position: relative;
top: 36px;
}
Best regards,
Ismael