Hi Kriesi,
Is there any way to change the font color for header with social icons and bottom navigation?
For reference here’s the link to a project I’ve been working on: http://pbn.midosianturi.com/
I want the top navigation to have a white font color.
Thanking in advance,
MD
A more specific way to ask this is….
How do we get the VERY TOP links to be underlined and in orange ?
NOTE: We are using the ” Header with Social Icons and Bottom ” header type.
How do we successfully input CSS into a Menu’s “CSS Classes (optional)” textfield?
1) We created a CSS code within the “Quick CSS” part of the admin area…
.secondarytoplinks {
color: #CC0000;
font-family:Arial, Helvetica, sans-serif
}
2) Then we went to the Menu tab, selected our menu and then inserted ” secondarytoplinks ” where it says. “CSS Classes (optional)” for that particular page
Nothing happened concerning our link.
=====================================
What did we do wrong?
Please give us STEPS on the proper way to use the a Menu’s “CSS Classes (optional)” textfield .
Thanks in advance.
-
This topic was modified 12 years, 6 months ago by
turner2f.
Diese Modifikation: https://kriesi.at/support/topic/best-way-to-add-icons-to-the-top-level-menu/#post-169808 erlaubt es den Icon Shortcode auch in Menüs zu verwenden. Ab der nächsten Version werden die Menüs Shortcodes auch standardmäßig unterstützen.
This reply has been marked as private.
This reply has been marked as private.
Great theme! I’m just having a few issues with customising the footer. I have a 4 column footer.
1) Custom Menu widget: Is there any way to stop sub-menu items from showing in the footer custom menu?
2) Social Media Icons: Is there a way I can have 1 footer column display Facebook and Flickr icons only?
3) Is there a way I can place a contact form in one of the footer columns?
Thank you!
Hello!
The header meta is now hidden on IE10, please remove browser cache then reload the page. Add this on your custom.css or Quick CSS to add a background on the header when you scroll the page.
.header_color.header-scrolled .header_bg {
background: #22324b;
}
Cheers!
Ismael
Hello!
You can use this:
#top .fullsize .template-blog .post .entry-content-wrapper > * {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
Cheers!
Ismael
I’m not sure what it could be at this point. Earlier the icons were showing fine on my end and still are on my macbook but checking this afternoon they are missing on my desktop now.
Can you create a temporary admin account and reply back with the details so we can dig in a bit further.
I asked for support before, and it was closed without resolution: https://kriesi.at/support/topic/sidebar-option-for-custom-post-type/
I’m using a custom content type called download (created by easy digital downloads). I also edited enfold as directed to enable the avia layout editor for my custom content type. It works great, and now I have the editor for my downloads. However the website doesn’t understand how to use this properly.
I have added a bit of code to every template file in the theme root folder, and every loop file in the includes folder. This bit of code prints out the template name in the source code for me. None of the templates are being used. Instead it’s using something from the config-templatebuilder folder I believe. How can I edit the page layout for this content type if it bypasses all template files?
Link to page http://thepluginfactory.co/warehouse/gard-pro/
-
This topic was modified 12 years, 6 months ago by
Branndon.
Hi!
You can add this on your custom.css or Quick CSS:
.header_color .main_menu ul {
background: transparent;
}
#top .main_menu .menu>li:last-child>a {
padding-right: 10px;
}
If you want a border below, just add this:
#header {
border-bottom: 1px solid #444444;
}
Cheers!
Ismael
Hi!
You can add this on your custom.css or Quick CSS:
#top .sub_menu>ul {
float: right;
}
.social_header .phone-info {
margin-top: 0;
position: absolute;
top: 40px;
height: 80px;
}
#menu-item-2594 > a {
text-indent: -9999px;
background: url('http://217.147.86.171/~mainline/wp-content/uploads/menu_home_symbol.png') no-repeat center center;
width: 50px;
height: 26px;
position: absolute;
top: 40px;
right: 5px;
}
Best regards,
Ismael
Also, this did increase the font size but it doesn’t look right on mobile.
Do you have another CSS line for the responsive part of this?
Thanks
Zach
Hi igalaxy!
1.) I don’t see the navigation bar moving side to side. I checked the site on IE8, 9 and 10. What OS are you testing it with?
2.) You can change the html background color:
html {
background-color: #eda68e;
}
Cheers!
Ismael
Hey kangaroozach!
The theme in provided link is not Enfold :)
You can add following code to Quick CSS in Enfold theme options under Styling tab
.social_header .phone-info span { font-size: 16px; }
Best regards,
Yigit
Hello!
To make the content wider, add this code to the Quick CSS:
#top .fullsize .template-blog .post .entry-content>* {
max-width: 850px !important;
}
To make the title and meta text larger:
.post-meta-infos {
font-size: 14px !important;
}
.post-title.entry-title {
font-size: 32px !important;
}
Cheers!
Josue
This reply has been marked as private.
I’m not sure any of us have Air’s to test on, I think Kriesi is also using a macbook pro but the specs should be the same. I’m not sure how you are getting something that I’m not with what should be the exact same OS and Browser.
I’ll tag Kriesi on the topic and see if he can figure out what is happening.
Hello, can anyone advise me on how to back up my database and restore it for the many installations of Enfold on my website? Is there a tutorial video?
Where are the database that I need to make copies of, and how can I restore them after I’ve updated my theme?
I have customized my colors, fonts, images and other style settings and am not update do this manually, but several features are not working, so I need to update my Enfold theme throughout my site. I chose Enfold in part for its WPML compatibility. Manually updating my theme and its settings would be very difficult for users like me who have 16 installs of Enfold on their websites.
PS – I was discussing this on another thread, but it was closed before I had time to respond. You can see the original thread here: < https://kriesi.at/support/topic/parent-theme-settings-import-to-child-theme/#post-169687 >. Thanks!
Please understand my position here as your customer. I am trying to run a site here, not update theme CSS after an update breaks core parts of my site. I paid top dollar for a good theme and specifically avoided customising any part of the theme code to avoid this kind of issue.
Why would you need access to my site content to work on an issue with the contact form? It’s in one of the default pages. Also, why you need it to debug an issue with an image being hidden is a little beyond me. Same goes for the layerslider icons.
Which of my issues in the OP are “vauge” and need clarification? Nobody has asked me to clarify anything so far!
If you are adamant that you need site access it will take me a few days to set up a site I am comfortable having a stranger access. Never before in 15 years of IT has a vendor needed login credentials to my site to fix a bug in their code.
Thanks for confirming the CSS fix for issue 2 will be in the next version.
Cheers.
Jason
Hey!
This will fix it:
#header_meta{
display: none !important;
}
Regards,
Josue
Hello!
Can you try the steps I just posted here: https://kriesi.at/support/topic/icons-still-not-working-in-firefox-and-ie/#post-172730
There is something odd going on with IE under certain circumstances and we are trying to narrow it down to a specific case to find a fix.
Regards,
Devin
This reply has been marked as private.
This reply has been marked as private.
This reply has been marked as private.
Sorry, that one doesn’t help. But I think what is causing this. I’m using a custom avia.js in my child theme for a custom breakpoint of the theme. When I switch that off, the menu toggle is displayed correctly.
However, I do like to use the custom breakpoint. Hope you can help me out with this! I did one edit in the avia.js – and placed it in my child theme folder. At the responsive menu function on line number 88 I changed the switchWidth value from 767 to 989.
This modification is based on the following support thread: https://kriesi.at/support/topic/mobile-menu-tablet-breakpoint/.
Also – as mentioned in the thread – In the functions.php I’ve added:
// WZ: For custom breakpoint mobile menu toggle
// Make these Child functions load after Parent functions
add_action( 'after_setup_theme', 'childtheme_late_functions' );
function childtheme_late_functions() {
// Swap out Parent's js/avia.js for Child's js/avia.js
add_action( 'wp_enqueue_scripts', 'childtheme_menu_breakpoint' );
function childtheme_menu_breakpoint() {
wp_dequeue_script( 'avia-default' );
wp_enqueue_script( 'childtheme-avia-js', get_stylesheet_directory_uri() . '/js/avia.js', array( 'jquery' ), 1, true);
}
}
Let me know if you need more information.
Thanks!
Hello Tech Dude!
Your website is returning a defaultwebpage.cgi page (server misconfiguration).
Best regards,
Josue