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
Hi,
Edit header.php, find this code:
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');
Below, add this code:
echo '<div class="mc4wp-form">'.do_shortcode('[mc4wp-form]').'</div>';
Edit Quick CSS or your custom.css, add this code:
.mc4wp-form {
position: absolute;
left: 300px;
top: 60px;
}
Adjust the left and top position.
Regards,
Ismael
Hey,
You can go to Enfold > Styling > scroll a bit below for the Quick CSS field. You can also use the custom.css located on the css folder via FTP or your cpanel.
Please refer to this link: https://kriesi.at/support/topic/increasing-width-of-sidebar-images-to-300-px
Regards,
Ismael
Hey,
You can decrease the content padding:
.content, .sidebar {
padding-top: 5px;
padding-bottom: 5px;
}
Regards,
Ismael
I changed the name of the one image that was part of slider and then, the slider doesn’t work anymore.
I already came back the original name’s image but didn’t solve. I deleted the slider element and inserted a new one but unsuccessfully.
The slider shows the first and second image and stopped and locked buttons and arrows for left and right.
I tested Easy Slider (not fullwidth) and shows the same problem.
Can you help me please?
Hi,
Please give us a link to the website. Did you install any plugins prior to this issue? Please deactivate them.
Regards,
Ismael
Hi,
If you are talking about the main title, you can use this on your custom.css or Quick CSS:
.title_container .main-title {
margin: 0;
font-size: 30px;
position: relative;
z-index: 2;
min-height: 36px;
line-height: 2.3em;
top: 0;
font-weight: 400;
}
Table css can be found on css > base.css > #Table.
Regards,
Ismael