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
Thanks for the help … if anyone else want to use it … please use: style=”float:right;padding-top: 15px;” in stead of style=”float:right;”
Oh, ok. Yes that’s possible. Just translate the theme with mo/po files (I’d recommend codestyling – see https://kriesi.at/support/topic/translate-to-pt-br#post-126338 ) and WPML will load the right files automatically based on the selected language.
I found this post, where other responsive theme users were having the same issue: http://wordpress.org/support/topic/captions-break-image-fluidity-in-responsive-themes-on-mobile-phones
I added this CSS code and it fixed the issue: .wp-caption {
max-width: 96% !important;
width: auto !important;
}
Hi there,
On my home page I have one color section using a background png image with transparency and another with a parallax image in it with a quote over the top. Unfortunately, the use of a second color section has made the second (para) effect to stop working and therefore displays only the text and no image.
I saw this some months back and thought it was such a big issue that it was bound to be fixed by the time the last update was released.
What to do please?
Andy
Hey!
I marked the topic as resolved.
Regards,
Peter
Hey!
1) Insert following code into the quick css field
#top .fullsize .template-blog.template-author .blog-meta {
float: left;
margin: 0 30px 0 0;
text-align: left;
}
2) Go to Enfold > Sidebar and select “Sidebar on Archive Pages” – “right sidebar”.
Best regards,
Peter