Hey!
Please try followig code instead
#top .ls-nav-prev, #top .ls-nav-next {
display:none !important;
visibility:hidden !important;
}
.ls-bottom-nav-wrapper {
display: none;
}
Regards,
Peter
Hi khalidmuharraqi,
You can remove the padding on the portfolio section and the footer with:
#top.home .template-page.content {
padding-bottom: 0;
}
#footer {
padding-bottom: 0;
}
Also make sure you fix this css in your custom.css file:
.responsive .container .twelve.units {
top: -49px;
} /*you don't have this bracket in your custom.css file right here and its causing an error with your css*/
/*
Desktop Styles
Regards,
Devin
Hi ravecomputer,
As I commented on your other topic this will remove the layerslider from working with the themes elements.
Regards,
Devin
I tried this and there is no luck… at best it is the right size but it doesn’t move my nav bar over and is right on top of home…
Hi CasperBlack,
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:
.avia-full-stretch.avia-section {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
I’ll tag the topic for Kriesi as well since it should be adjusted with the css hierarchy but this should provide a good interim solution.
Regards,
Devin
Hi hotshotzatl,
1) It depends on the instance of it. If its just inside your regular post or pages then you can add new css rules in your Quick CSS in the styling tab of the theme options. Eg:
#top h2{
color: #333;
}
I used the #top ID selector to make it a bit more specific but it may need to be adjusted specific to certain instances since the theme automatically sets colors based on the choices in your Styling options.
2) You would need to add in the css for it custom as there isn’t anything like that available as a shortcode with the theme.
3) If the html for it was placed in the footer.php and the div positioned absolutely yes it could probably work. It will just need adjustments added for tablets and mobile but we have some sample media queries for that in the custom.css file in the css folder of the theme.
4) The theme doesn’t use any images for the icons but instead uses an icon font for all icons through the site. So what you would need to do is hide the current font for the icon and then replace it with your own image as well as on hover.
For example:
#top .social_bookmarks li{text-indent: -150%;} /*remove the current font icons on all social links*/
#top .social_bookmarks li.social_bookmarks_facebook a {
background: url(https://yoursite.com/yourimage.png) no-repeat top center transparent;
}
#top .social_bookmarks li.social_bookmarks_facebook a:hover {
background: url(https://yoursite.com/yourimagehover.png) no-repeat top center transparent;
}
Regards,
Devin
The latest version should fix the issue (if it’s related the wpautop() filter).
Regards,
Peter
Hi,
You can change the hover effect using this
#top .social_bookmarks_mail:hover a{color:#fff; background-color:#9fae37; }
Change the colors.
Regards,
Ismael
Hi,
Configure the Button Link, set to manual then add the url or the section/element id. For example, if you want to scroll to the top you can this link
http://localhost/kriesi/enfold/#top
or simply add the selector
#top
Regards,
Ismael
Ismael,
Thank you for the fast reply! Still needing some help here.
I am using “header with social icons and bottom” with “stretched layout” styling.
There are three sections of the header. Here’s what I’m trying to accomplish:
– Set background color of the top navigation bar (background color needs to be full width, the previous code you gave only sets the link background color)
– Set font color for both links and small info text on top navigation bar
– No background color behind the logo
– Set background color for the main navigation bar and drop down menus
– Set font color for main navigation bar (right now it derives two custom dynamic colors, one for the drop down menus, and one for the top level links) I need to change both.
The CSS code on the base level is a nightmare is sort out with this theme. I thought I was good with CSS until I tried making sense of the overly complex code behind this theme.
Appreciate your help.
Hi,
You want to create a shortcut of your website on your mobile phone then change the icon? Is that correct?
http://uncorkedstudios.com/2011/09/06/creating-a-custom-icon-for-the-add-to-home-screen-on-iphone/
Regards,
Ismael
Hi,
You can decrease the top and bottom padding using this on your Quick CSS or custom.css
.content, .sidebar {
padding-top: 20px;
padding-bottom: 20px;
}
Regards,
Ismael
Hi Greg,
If that doesn’t work I would recommend having a freelance developer go through the file to re-organize the sidebar before the content and they will then be able to do any bug fixes or css adjustments that are needed.
Regards,
Devin
Hi Mkieling,
I’ve tagged the topic for Kriesi to take a look at again. Depending on his schedule it may be a day or two before he is able to respond again.
Regards,
Devin
Hi gents,
I would like to change the roll over colour of the e-mail icon in Enfold.
I found this, but I think there might be more magic involved:
#top .avia-icon-list .iconlist_icon {
background-color: #d73119;
}
Thankyou
Hi there, I am still needing assistance on this topic. Any thoughts?
Hi Gents,
In Kriesi’s example here, he has the shadow on the bottom of the scrolling image, however, there is only an option to show shadow on top, can you help please?:
Thankyou
Hi!
Doch, wir haben den Editor nicht entfernt/geändert. Falls dieser doch weg sein sollte, versuche einmal diese Lösung: https://kriesi.at/support/topic/advanced-layout-editor-dissappeared-please-help
Best regards,
Peter
Hello,
Could you tell me how to setup a chosen image that would appear when creating a shortcut of my website on an iPhone desktop please. I have seen many websites doing that. Is it possible with Enfold?
Thanks in advance
Hi guys, is there a way to change the heading size for the iconlist for SEO purposes. For example, we want to use iconlists near the top of the page but the headings they produce seem to be hard coded as H4. It would be good if there was some way to change this in future releases if possible, but a workaround for now would be much appreciated if possible.
Hi, I don’t want to use fullwidth easyslider, and instead I choose the easyslider, and the only problem I have is: there is a large space left in the top and bottom of the image, I alreay choose no scaling for the sliders.
So, how to remove such space? Your can find what it looks on my test site at http://www.newbuilding.cn
Thanks in advance!
Hi Marssolutions,
Only themes and plugins hosted on the wordpress.org repository are able to be updated like that. You need to re-download the theme files from your download on themeforest to get the updated theme. Then you can re-install on top of itself.
I made a video on how to do this via FTP here: https://vimeo.com/channels/aviathemes/67209750
Regards,
Devin
Hi,
1.) You can add this on your custom.css to remove the strobe effect.
.avia-progress-bar div.progress .bar {
background-image: none;
}
2.) It depends on the content you have. Please give us a link to the website. You can control the font size of the content with this:
.iconbox_content p {
font-size: 11px;
}
And the iconbox title using this:
h3.iconbox_content_title {
font-size: 11;
}
3.) You can refer to this link: https://kriesi.at/support/topic/custom-hosted-font-with-the-child-theme-instructions
Regards,
Ismael
Hi,
Something is weird with you setup. It crashed my chrome dev tools every single time and chrome tab as well. Never seen that before. You have a few display:none related to menu in your Quick CSS. Can you take them out please.
What specific device are you customizing for right now? Because dragging the screen on a desktop only tells you what doesn’t work for people who drag screens on desktops. But if there is no mobile device that has that screen size, then you are optimizing the size for only window draggers.
Thanks,
Nick
Hi,
You can’t move the #footer upwards but you can adjust the top position of the container, using this:
.responsive .container .twelve.units {
top: -20px;
}
Add this to change the background color of the dropdown menu:
#top .header_color select {
border-color: gray;
background-color: black;
color: #7D7D7D;
}
Regards,
Ismael
Hello,
on this page I can’t seem to get the promo box and testimonial boxes aligned correctly (I would like them top aligned):
http://dbg.casperblackwell.siphonlabs.com/index.php/sessions/
Thanks in advance,
Casper
Hi AbacoSoft,
No, not at the moment. Sorry about that but you can request additional features like that in the enfold feature request that is stickied at the top of the Enfold forum.
Regards,
Devin
Just saw someone added a similar topic not specific to social media, but the same idea: https://kriesi.at/support/topic/adding-icons-next-to-menu-items