-
Search Results
-
In reply to: weird thing when on mobile
Hey!
Please add following code to Quick CSS as well
#header_meta { background: white !important; }And this is an example of using media queries
@media only screen and (max-width: 767px) { body { font-size: 16px; } }You should close the curly bracket . In last two media queries you have, closing brackets are missing. I do not know how you would like to apply it to your custom CSS code so i did not close the last two. Please check it
Best regards,
YigitIn reply to: header displaced after update
Hi,
i updated the theme an now i have problems to get the header like it was before.
I need to move the logo to the right, make the menu font size bigger and have more space between logo and menu.
That’s how it was before.
Thanks!
In reply to: Iconfont verkleinern
Hey!
Ah, ok. Man kann die Größe mit folgenden Code anpassen – die px Werte kannst du natürlich abändern:
Icon Box:
.iconbox_icon { height: 23px; width: 23px; font-size: 23px; }Icon list:
.avia-icon-list .iconlist_icon { height: 64px; width: 64px; line-height: 64px; font-size: 30px; border-radius: 500px; }Die Werte sollten immer gleichzeitig abgeändert werden, daher zB die Höhe/Weite muss immer synchronisiert werden. Die Font-size kann jedoch abweichen.
Regards,
PeterIn reply to: Enfold extremly slow
Hey!
But if you’re not using WPML how do you want to translate the website? I.e. you can’t select a different blog page without WPML and you can’t simply add language flags to the menu. With WPML our themes will support both features out of the box – without WPML you must customize the theme files for the translation plugin you want to use but we can’t assist you with the customization.
You can increase the font seize of the secondary menu with:
#top .sub_menu>ul, #top .sub_menu>ul>li { font-size: 13px; }I recommend to place the code into the quick css field or into the child theme style.css.
Cheers!
PeterIn reply to: some css changes
Hi xpoveda!
Thank you for using the theme!
1.) Please add this on Quick CSS or custom.css:
.avia_iconbox_title:hover { color: #000000; }2.) Edit search.php, find this code on line 52:
<?php //get the sidebar $avia_config['currently_viewing'] = 'page'; get_sidebar(); ?>Remove it if you don’t want a sidebar on the search page.
3.) Please add this on Quick CSS or custom.css:
@media only screen and (max-width: 767px) { .responsive .logo a, .responsive .logo img { margin: 0 auto; max-width: 100%; height: 50px !important; top: 5px; } #header_main [data-av_iconfont="entypo-fontello"]:before { font-size: 15px; } .responsive #header .social_bookmarks { right: 45px; } #top .social_bookmarks li { width: 25px; } }Regards,
IsmaelHi.
I have read another example on here to make a button responsive in a layer slider but i can’t get mine to work. Would you mine having a look at my code. I know it’s know where near correct. Thx
Button code example.
[av_button label='More Info' link="http://test.com" class="Layerslider_button"color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='ue81e' font='entypo-fontello']/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {.Layerslider_button
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {.Layerslider_button {
color: #000;
}In reply to: Mega Menu Font Size
Hi!
Please add following code to Quick CSS as well
#top #header .avia_mega_div > .sub-menu > li { padding-top: 10px; }Cheers!
YigitIn reply to: Smaller Menu size
Thanks, tho I did try that and nothing happens. I do not see a conflict, but here is what I have in the quick css so far:
.header_color .container_wrap_meta {
background: #a81010;
}
.header_color .phone-info, .header_color .phone-info a, .header_color .av-sort-by-term a {
color: #FFF;
}
.header_color .social_bookmarks a {
color: #FFF;
}
.rpwe-block h3 {
background: none!important;
clear: none;
margin-bottom: 0!important;
margin-top: 0!important;
font-weight: bold;
font-size: 12px!important;
line-height: 1.5em;
color: #a81010;
}
.whitequote {
size:20px;
line-height: 1.5em;
}
.entry-content-wrapper li {
margin-left: 0;
}
#socialmedia-container {
padding-left: 0px;
}
#avia-menu > li > a {
font-family: ‘Open Sans’;
font-size: 16px !important;
color: #444444 !important;
}
#avia-menu > li > a:hover{
color: #a81010 !important;
background: #e1e1e1;
}#avia-menu .sub-menu a{
font-family: ‘Open Sans’;
font-size: 15px;
color: #a81010;
background-color: #fff;
}#avia-menu .sub-menu a:hover{
color: #cc4400;
text-decoration: underline;
}
#header_main .container, .main_menu ul:first-child > li a {
line-height: 300px;
}In reply to: Video Slide
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
div .slideshow_caption h2 { font-size: 24px!important; } .avia-caption-content { font-size: 16px !important; } div .slideshow_caption h2, .avia-caption-content { font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }Best regards,
YigitI had this working prior to a theme update, so I don’t know what broke it, but I made the menu transparent always and I want the slider to stay beneath the menu, not below it. This was the code I was originally using per this forums advice. What do I need to change in order to make it work again?
.header_color .header_bg, #header_main {
background-color: rgba(0,0,0,0.4);
border: none;
}.main_menu ul:first-child > li > a {
font-size: 16px;
}.header_color .main_menu ul:first-child > li > a {
color: white;
}.fixed_header #main {
padding-top: 0;
margin-top: -1px;
}#top.homepage #fullscreen_slider_0 {
border: none;
}.main_menu li:hover {
background-color: white;
}.caption_framed .slideshow_caption .avia-caption-content p {
color: #99cc00;
font-size: 28px;
font-weight: bold;
margin-top: 20px;
padding: 20px;
}#top .avia-slideshow-button {
font-size: 18px;
}Topic: Video Slide
I have a video on full screen slider. How do I change the Caption Title and Caption text. I want to use a different font and size.
PS: I put a vimeo video in the slider but mobile devices don’t like it, i guess… Is there a walkaround to solve this?
Hi,
i’m working on a projekt with the enfold theme and having some problems with it. Link: http://www.oldmencrew.com/wopr/home1. I’m using a slider with the featured size of 1500×430 which looks great on pc but really bad on mobile devices. The slider seems way to small. Is it possible to make it bigger (whole width) for smaller sized displays?
2. I also wanted to change the menu font to “OSWALD”, only use big letters and make it a little bit bigger for instance. How to manage it?
3. I’m also struggling with the mobile menu. I would like to size it down litte when it’s open. Right now the mobile menu takes the whole page when opens, I would prefer 1/2 oder 1/3 width. Is it possible?
Would be very glad for some help.
Regards
Damian
In reply to: Social Icons in Header for Mobile
Hey!
This will increase the icons:
.social_bookmarks li a { font-size: 22px; }Regarding the others, you can use:
#advanced_menu_toggle { } .logo{ }I’m not sure if the logo is re-positionable, remember to wrap this selectos within the mobile media query.
Best regards,
JosueI have added the code to function.php and the new fields are there however when I apply in the CSS it does not work.
Here are some examples of what I am trying with developer id = “asset-index-toggler”
Example 1:
#top #asset-index-toggler .js_active .toggler {
-moz-user-select: none;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: block;
font-size: 20px !important;
margin: 0;
padding: 8px 7px 10px 50px;
position: relative;
top: 1px;
}Example 2:
#asset-index-toggler .js_active .toggler {
-moz-user-select: none;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: block;
font-size: 20px !important;
margin: 0;
padding: 8px 7px 10px 50px;
position: relative;
top: 1px;
}Example3:
.asset-index-toggler .js_active .toggler {
-moz-user-select: none;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: block;
font-size: 20px !important;
margin: 0;
padding: 8px 7px 10px 50px;
position: relative;
top: 1px;
}If I leave out “asset-index-toggler” then it applies the styling to all togglers which I dont want.
I have cleared cache and all those good things and still nothing.Please advise, thanks.
In reply to: Blank screen
Hey!
The code should be:
#avia-menu a { font-size: 16px !important; } .sub_menu { font-size: 18px; }Regards,
JosueIn reply to: Selector for drop-down items in main navbar
Hey!
Try adding this code to the Quick CSS:
#avia-menu > li > a { font-weight: 900 !important; font-family: 'Myriad Pro'; font-size: 16px !important; color: #ffdcbd !important; } #avia-menu > li > a:hover{ color: #ff7700 !important; background: white; text-decoration: underline; } #avia-menu .sub-menu a{ font-family: 'Myriad Pro'; font-weight: 900; font-size: 14px; color: #ff7700; background-color: #fff; } #avia-menu .sub-menu a:hover{ color: #cc4400; text-decoration: underline; }That platform for editing the style of certain parts of the theme is already on plans.
Cheers!
JosueIn reply to: changing font size in side bar menu
yes, all resolved – thanks very much, your help was spot on.Please mark the thread as resolved.. :)
regards
sarahIn reply to: Mega Menu Font Size
Thanks for your help. That did the trick. One more question, how would I condense the padding between the list of links in the drop down. Right now there is a fairly decent gap between the items (Inventory Management, 3M Premier Distributor, GSA | Government Supplies). How would I make this so that there is only 10 px or so between the items?
Thanks.
In reply to: Blank screen
Thank you for that suggestion we tried that and same thing. We had to delete the theme and then reload it. Strange.
One last question, the client wants bigger menu’s we put the code in that should have changed the size.
#menu_container a {
font-size: 16px !important;
}.sub_menu { font-size: 18px; }
No change in font sizes for the menu.Thanks
In reply to: Mega Menu Font Size
Hi danieltjohnston!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#top #header .mega_menu_title a { font-size: 14px; }Best regards,
YigitIn reply to: changing font size in side bar menu
Hi!
Please try and let us know so we can mark the thread as resolved or assist you further
Regards,
YigitHey steveinz!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#js_sort_items a { font-size: 16px; }Best regards,
YigitIn reply to: Split Navigation / Logo Flush to Top of Browser
Just figured out the font size (duh), now just trying to figure out the best syntax to add so the font sits center in the button since it needs to be a bit higher: http://www.ericrusselldp.com/wordpress/
…and I’m serious about the tip. You probably can’t take them, but if you can send me your paypal ;)
Topic: Mega Menu Font Size
How can I change the font size of the Mega Menu drop down under the “Services” tab?
Thanks for your help!
In reply to: Split Navigation / Logo Flush to Top of Browser
Hi!
Please as following code to Quick CSS as well and adjust as needed
.main_color .avia-color-theme-color-subtle { font-size: 15px; }Cheers!
YigitIn reply to: Split Navigation / Logo Flush to Top of Browser
Yigit, you’ve just been elevated to rockstar status.
It looks just a bit off…is there a way I can change the font size or adjust things so the text floats a bit better in the box?
Thanks for all your time.
In reply to: changing font size in side bar menu
In reply to: Selector for drop-down items in main navbar
I got a few things figured out, but still having a heck of a time with the navbar. I really wish there was an easier way to specify font sizing, coloration and style. Case in point, I need a font in black weight (900), but I have not been able to find any way to achieve this in the navbar, even with the above.
I need to specify the navbar font, size, color, style and weight. For some reason, Enfold wants to insert its own color schemes (tint of orange selected in the Enfold style menus. It also refuses to let me specify the weight.
Navbar needs to be Myriad-Pro font-size: 16px, font-weight: 900. I want the navbar (main) to be in normal state color #ffdcbd. In hover and active state: color: #ff7700; background-color: #fff; text-decoration: underline;
Navbar drop-down items need to be similar: normal state: font-weight: 900; font-size: 14px; color: #ff7700; background-color: #fff.
In hover/active states: color: #cc4400; text-decoration: underline;We really need a better way, and we are willing to pay for a more advanced admin, if offered. That, or a cheat sheet for css elements. Enfold is so deep that it is hard to find what controls what without having selectors a mile long. We want to really push what Enfold can do, because it is an amazingly powerful platform (beyond just a theme). Maybe that is more of a way of asking for a Pro version of this theme, which we again would be very happy to purchase. I don’t care if it is $200. A good platform is the foundation for any website.
