Hey,
Yes, sure you can. Please refer to this link if you want to add background to your iconbox and iconlist:
https://kriesi.at/support/topic/adding-gradient-background-to-icons
You can also use this if you want to change the color of the icons:
Icon box:
.iconbox_icon.heading-color.avia-font-entypo-fontello {
color: red;
}
Icon list:
.iconlist-char {
color: pink;
}
Regards,
Ismael
I am having a problem that arose recently for no apparent reason. The easy slider I have on the lower part of the page will not cycle past the second image any more.
see here: http://www.wallerforcolorado.com
What could be the problem and why would it randomly stop working.
First, add this to your functions.php:
add_theme_support('avia_template_builder_custom_css');
This will give you a new field on all your advanced layout editor elements. For each element you want to customize you can just give it a class and then add some css to effect that class specifically.
So for the hr element you could add the class name of or-custom-hr . Then add this css to your Quick CSS:
#top or-custom-hr-gray{
border-color: #333;
}
(I’m adding or to the start of the class for your initials to make sure there is no possible overlap of css names on accident).
Then repeat for each element you want to edit/specifically customize.
I have an easy slider on my website that doesn’t show on my Samung Mobile device.
It shows up with av_slideshow size=’extra_large’ animation=’slide’ autoplay=’true’ internal=’4 etc.
How could I fix this
Thanks Michael.
-
This topic was modified 12 years, 6 months ago by
Kriesi.
-
This topic was modified 2 months, 4 weeks ago by
Yigit.
-
This topic was modified 2 months, 4 weeks ago by
Yigit.
Hi axiom555,
Right now we are getting a huge spike in support requests so we are a bit slower than normal. Typically responses are within 24 hours and if there are a couple of us on at the same time we may be answering the oldest posts and posts in the middle of our Queue at the same time so we don’t accidentally overlap mid response.
Just a note on your specific topic and how our queue works: each time you self respond or bump a post it actually sends it to the end of our queue since it goes by oldest response in a topic.
Regards,
Devin
I posted a question yesterday in the support forum about my contact form. https://kriesi.at/support/topic/cant-get-contact-form-to-work
I’m curious how long it normally takes to get a response as it seems like other questions have been answered more quickly. I’d appreciate a response. Thanks.
I forgot to say, this is all the Quick CSS I have – in case this is causing a conflict, but it worked fine before I added the second Full Width Slider on the same page:
#top .social_bookmarks li {
float: right;
}
.sub_menu {
left: 0;
}
html {
background: white !important;
}
#top .social_bookmarks_mail:hover a{color:#efefef; background-color:#666666; }
.iconlist-char {color:#0093dd;}
.avia-icon-list .iconlist_icon {
background: white !important; border: 2px solid #0093dd;
}
#top #socket .social_bookmarks {
position: absolute;
right: 0;
}
@media only screen and (min-width: 786px) and (max-width: 1000px) {
.avia-icon-list .iconlist_icon {
height: 50px;
width: 50px;
line-height: 50px;
font-size: 25px;
margin-right: 15px;
}
}
.avia-caption-content h4 {
line-height: 20px;
}
Thankyou
I am uploading my ebook files as self-extracting zip files to my site cmp.christophermatthewspub.com (under construction), and all book files have been added except for 3 that won’t upload. Any suggestions?
Hi Ismael,
I’m also looking for the right code to display the mega menu full width when activated. Your above recommended CSS is nice when you have large mega menus, but I just would like to display the mega menu 100% full width when activated. When the mega menu’s width is 100%, the mega menu’s content (sub menus) have to be centered within the full width mega menu.
I did read all your forum topics about resizing the mega menu, but didn’t found a solution jet. The CSS code ‘ .avia_mega_div { width: 100% } ‘ is apparently too simple…
Would appreciate your help very much, as I do not prefer to use an external plugin to solve this problem.
Thanks!
Thanks for the response. Yep, that was it, however that represents a whole new issue. The guilty plugin was WooCommerce… As soon as I deactivated WooCommerce, the videos rendered fine and opened in the lightbox like we wanted. How can I solve this?
Hi,
perfect – thank you for your perfect help!
Everything worked out so far. Now I just have the problem that the picture is not in the center as setuped – the table looks like this: http://web409.mis63.de/?page_id=2596
any idea to bring the picture and text on the same line e.g. center or top…
Thanks,
Silver
Hi kriru,
This doesn’t actually fall under what we cover via support as its a general WordPress question. However, what you need to do is just go to Screen Options in the top right of the menus manager and check the box for Link Target so that you can choose how a link opens.
Regards,
Devin
Hi!
After creating pages I changed the capitalization of page titles that are in the top nav menu. The changes did not automatically update the capitalization of the page names in the menu. Instead the now capitalized page title showed up on the menu page as a new page that had to be added. Is there a fix for this? See http://talentdev.valiantlane.com/test.
I am using the Enfold child theme.
Valerie
Thanks. Thought we were on top of updates but apparently not.
Hi liondancetoronto,
Please do not make duplicate topics for your issues/questions. It makes it more difficult for others to search and for us to answer.
Regards,
Devin
Thank you for answer it.
It doesn’t work.
I’m using a plug-in to do the job (lyte youtube), it works fine, so I’m closing this topic.
thanks.
Hi Devin,
Thanks for your response. I actually stopped using WPML, so you don’t have to worry about this any more for me although it might be still useful for other users who might use WPML. Thanks anyway!
Requested from another topic:
I'd like to link my App.net profile in the top social area of my site. Could you add App.net as an option? Their resources for developers and designers are here:
https://account.app.net/legal/assets/
Thanks for any consideration.
Hi chartier,
I’ll add the feature request to the feature request topic here: https://kriesi.at/support/topic/enfold-feature-requests
Regards,
Devin
I’d like to link my App.net profile in the top social area of my site. Could you add App.net as an option? Their resources for developers and designers are here:
https://account.app.net/legal/assets/
Thanks for any consideration.
Hello,
I am not sure if something in the theme is interfering with it but I cannot get the color of a rounded border to change from grey, no matter what color I put it is remains grey, other elements such as size etc are ok.
.highlighttext1 {padding: 15px 10px 10px 10px; background-color: #d16630; line-height: 1.0; display:inline;
border: 3px solid #bbf30a;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
I have tried with and without !important!
Any ideas?
Thanks
Andrew
Hi!
Hi yutakaemura,
I’ve tagged the topic for Kriesi as I’m not very familiar with WPML specifically. So hopefully he will be able to answer shortly.
Regards,
Devin
Regards,
Peter
Hey,
You can do this:
.current-menu-ancestor {
background: red;
}
#top .main_menu .menu li:hover {
background: orange;
}
Regards,
Ismael
Hi theuptimizers,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.title_container .main-title {
display: none;
}
#top .title_container .breadcrumb {
left: 0;
}
Then in the theme files open and change framework>php>class-breadcrumb.php:
'delimiter' => '»'
Just change the entity name that you want to use which I believe is > .
Regards,
Devin
Hi Rob,
I’ve tagged the topic for Nick since he has been doing the majority of the changes here. However, what I would suggest trying if you just want to modify the sidebar width is removing all of your current css changes above and then changing what grid the theme uses for the page content and sidebars in your functions.php. Look for:
$avia_config['layout']['fullsize'] = array('content' => 'twelve alpha', 'sidebar' => 'hidden', 'meta' => 'two alpha', 'entry' => 'eleven');
$avia_config['layout']['sidebar_left'] = array('content' => 'nine', 'sidebar' => 'three alpha' ,'meta' => 'two alpha', 'entry' => 'nine');
$avia_config['layout']['sidebar_right'] = array('content' => 'nine alpha', 'sidebar' => 'three alpha', 'meta' => 'two alpha', 'entry' => 'nine alpha');
You can then modify the grid number used for content and sidebar. They must equal twelve in total but you can change it from using 9/3 to 8/4 easily.
Regards,
Devin
Hey,
Please add this on your custom.css or Quick CSS:
#top .fullsize .template-blog a {
float: none;
display: inline-block;
width: auto;
}
Regards,
Ismael
It looks like the html shiv doesn’t actually support media queries which I thought it did for some reason. Give this a try instead: http://wordpress.org/plugins/respondjs/
Which should force IE8 to recognize the media queries which will expand the width of the whole container on desktop.
The main/general issue is that the number of menu items is just too large for the default container width. So when IE fails to expand because it doesn’t support media queries your menu is just too large for the space.
The above plugin is designed to force IE8 and below to understand media queries so hopefully that fixes the issue.
Hi
Why was my thread closed?
https://kriesi.at/support/topic/menu-being-squeezed-on-internet-explorer-8
The issue has been ongoing for over a week and hasn’t been fixed so why was the thread closed with no follow up?
Thanks
Yes, I mentioned in the Q1 that the laptop is touch screen. Not sure how the css targets the touch enabled device instead of the screen resolution.
Q3: the website has the construction mode plugin activated.
Here is a screenshot of how the easy sliders look on my ipad:
https://www.dropbox.com/s/iwaqbx8lptf6lzz/Photo%20Aug%2021%2C%201%2029%2027%20AM.png
I can target that specific page in css.
Just need the part that targets the ipad and the css part that controls those buttons
Q4. I figured it out using templates.
Thank you!
Hey,
Thanks for the screenshot. Please remove all of the code I gave you then use this instead:
#top .main_menu .menu li {
display: none;
}
#menu-item-search {
display: block !important;
}
#header_main .social_bookmarks {
left: 0;
top: 120%;
}
Regards,
Ismael