Hi,
I was wondering if there is a way to change the colour of the top menu bar background. It is currently white, i would prefer it to the another colour. Please advise.
Thanks
MK
My single blog posts (example: http://sparkwoodand21.com/articles/the-creative-process-behind-designing-a-creative-process/) have only part of the featured image at the top.
My settings are: Single author, small preview pic.
They are fine on the main blog page: http://sparkwoodand21.com/blog/
Can you take a look at this please?
Thanks.
Hi Devin, sure – there are plenty of examples on this page: http://500.uk.com/500-services/ The bullet points under “Phone Features” for example.
The word “communications” should be aligned with the start of the phrase “A desktop…”
I hope this helps.
Thanks
google fonts choose a weight which is non aliased… Try adding
font-weight: normal;
wherever you want the fonts to look smoother..
so for top menu add this to the quick css.
#
Hope that works for you !
1) Yes – go to “Settings > Discussions” and deselect the “Allow people to post comments on new articles” checkbox.
2) Yes – please use Codestyling: http://wordpress.org/plugins/codestyling-localization/ to translate the missing text strings. Install the plugin, go to Tools > Localization and select “Themes”. Then search for “Enfold” in the list and click on “Add new language”. Then select your language from the list and click the “create po-file” button. Click on “Rescan” to fetch all text strings. Then click on “Edit” and translate the required strings from the “avia_framework” textdomain. At least click the “create mo file” button next to the “Textdomain” selection dropdown (top left corner).
I noticed that you maybe need to add the code at the very top of functions.php. Replace
<?php
global $avia_config;
with
<?php
global $avia_config;
add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Open Sans'] = 'Open Sans:400,600&subset=latin-ext';
return $fonts;
}
add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Open Sans'] = 'Open Sans:400,600&subset=latin,latin-ext';
return $fonts;
}
and it should work. Please don’t forget to save the theme options again.
2) The animations don’t work because some files are missing on your server – please re-upload/re-install the theme. Chrome reports
Failed to load resource: the server responded with a status of 404 (Not Found) http://aetherdesign.cz/wp-content/themes/enfold/js/prettyPhoto/css/prettyPhoto.css?ver=1
Failed to load resource: the server responded with a status of 404 (Not Found) http://aetherdesign.cz/wp-content/themes/enfold/js/mediaelement/skin-1/mediaelementplayer.css?ver=1
Failed to load resource: the server responded with a status of 404 (Not Found) http://aetherdesign.cz/wp-content/themes/enfold/js/mediaelement/mediaelement-and-player.min.js?ver=1
Failed to load resource: the server responded with a status of 404 (Not Found) http://aetherdesign.cz/wp-content/themes/enfold/js/avia-compat.js?ver=1
Failed to load resource: the server responded with a status of 404 (Not Found) http://aetherdesign.cz/wp-content/themes/enfold/js/avia.js?ver=1
Failed to load resource: the server responded with a status of 404 (Not Found) http://aetherdesign.cz/wp-content/themes/enfold/js/shortcodes.js?ver=1
Failed to load resource: the server responded with a status of 404 (Not Found) http://aetherdesign.cz/wp-content/themes/enfold/js/prettyPhoto/js/jquery.prettyPhoto.js?ver=3.1.5
Thanks for the great theme. I have created a child theme and have a fair bit of tweaks for my employer.
1) We needed to have the social icons and header displayed and static on the screen, and also need to disable the shrinking effect of the header when scrolling.
As “Fixed menu” header is the only option providing all the basics of what we needed, I had to do the following customization:
/* fix the height of the header block and lock it down */
#header_main .container {
height: 82px !important;
line-height: 82px !important;
}
/* remove the padding from the main content to the bottom of the header */
.fixed_header.social_header #main {
padding-top: 82px;
}
Now that the header block and header-meta block is where we want it and sized correctly, the menu items are still scrolling. How do I fix its position?
2) We noticed that the text colour for the contact info and social icons is too light on the light coloured background, but haven’t been able to find the relevant code in the CSS to make the edit.
3) The request was to put the icons to the right, above the menu, and placed the contact number just to the left of the icons using the following code:
/* put the icons on the right */
#top .social_bookmarks li {
float: right;
}
/* move the contact # left of the icons */
.sub_menu {
right: 70px;
}
Is there a better way to do this?
Due to confidentiality clauses with my employer, I cannot disclose the URL out in public during testing, however, I can provide this privately if necessary for you to look at my code.
1) Use following css code to change the bg color of the top navigation bar
.header_color .container_wrap_meta{
background: #f8f8f8;
}
2) For the link color use
.header_color .sub_menu>ul>li>a{
color: #f8f8f8;
}
3) That’s not possible. If the logo is transparent you’ll always see the bg color of the container behind the logo (eg by default white like here: http://kriesi.at/themes/enfold/homepage/home-v6-classic-4-column/ )
4) You can change the link bg color & the dropdown bg color with
.bottom_nav_header.social_header .main_menu ul:first-child > li a, #header_main_alternate, .bottom_nav_header.social_header .main_menu ul:first-child {
background: #f8f8f8;
}
5) Change the color with
.header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a{
color: #f8f8f8;
}
for the selected/active item and
.bottom_nav_header.social_header .main_menu ul:first-child > li a{
color: #f8f8f8;
}
for all other menu items.
Hi,
Maybe you can add a negative top margin for each menu item.
#menu-item-755 a {
margin-top: -10px;
}
OR
.main_menu ul:first-child > li a {
margin-top: -10px;
}
Please give us a link to your website.
Regards,
Ismael
Hi,
1.) Make sure you fill out Enfold > Header > Phone Number or small info text. Edit header.php, find this code
$phone = avia_get_option('phone');
$phone_class = !empty($nav) ? "with_nav" : "";
if($phone) echo "<div class='phone-info {$phone_class}'><span>{$phone}</span></div>";
Cut it then place it below this comment:
/*
* display the themes social media icons, defined in the wordpress backend
* the avia_social_media_icons function is located in includes/helper-social-media-php
*/
Add this on your custom.css or Quick CSS
.phone-info {
padding-top: 10px;
margin-left: -20px;
}
2.) Please give us a link to the website. We need to inspect your button. Try to change the input button color on Quick CSS
.main_color input[type='submit'] {
background-color: red;
}
Regards,
Ismael;
Hi wrosh,
Unfortunately I don’t this is possible at the moment. Peter mentioned that the typical function doesn’t work on custom post types because of a bug in wordpress core: https://kriesi.at/support/topic/can-i-use-the-navigation-arrows-for-each-category-not-all#post-121982
Regards,
Devin
Hi stunna42,
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:
h6 {
font-size: 28px;
text-transform: none;
background: rgba(255, 255, 255, 0.7);
}
For the special heading, you could force a margin before it with:
.av-special-heading{
margin-top: 20px !important;
}
But there isn’t a setting within the shortcode itself.
Regards,
Devin
Hi,
First of all, I want to thank you for making such an amazing template available. It’s really the best I’ve bought so far.
I have some questions which I hope can be resolved :) My site is http://bookmytable.com.au
1. I’m trying to link a button to an email with some simple html like this : (Email address hidden if logged out) ?Subject=Hello%20again”>Send Mail but the system doesn’t understand it… it puts it after my url like http://mysite.com/ (Email address hidden if logged out) ?Subject=Hello%20again”>Send Mail and of course goes to a 404 page..
I have this issue both on normal buttons and also on “team member” option. It is also doing this when I’m trying to have some text link to an email…. :/
2. Is there a way to increase the size of the FB, twitter, mail icons at the top right of the site?
3 Is there a way to have more fonts available for the body text?
4. When on a mobile, my sidebars disappear which is annoying considering the facts that I want to have ads there :) Can I change that?
5. Is your page builder available as plugin? I would buy it right away!!! It’s so awesome! If not, does all your themes come with it? It would push me to buy more your theme than others…!
Thanks!!
Ben
Hi,
You can paste the javascript on footer.php, find this code:
<a href='#top' id='scroll-top-link' class='avia-font-entypo-fontello'></a>
<div id="fb-root"></div>
Place the script on top of it.
Regards,
Ismael
Hi,
Please use this:
.header_color .header_bg {
background-color: rgba(255, 0, 0, 0.6);
}
Regards,
Ismael
Thank you, that would be good.
While on the topic…Is there code to ensure the phone number in the ‘contact us’ section is ‘clickable’ when someone is on a mobile device? I know the browser is meant to do this automatically, but it doesn’t. I’ve tried a few codes I know of, but to no avail.
Many thanks.
Hi Marssolutions,
I don’t have a iphone 5 to test specifically on but with that resolution set and my regular mobile I’m not having any issues with the content getting cut off.
I’ll tag the topic for Kriesi however as I believe he is the only one of us that uses iOS phones.
Regards,
Devin
Hi
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:
@media only screen and (min-width: 1140px){
#top.home #after_full_slider_1 .container,
#top.home #after_full_slider_1 .container .twelve.units {
width: 100%;
}
}
This should get you part of the way there depending on the full effect you want. The media query makes it only effect screen sizes larger than 1140px and will increase the container of those units.
Regards,
Devin
Okay, potentially dumb question.
My host will not increase the PHP, meaning I have to do it myself. Where do I go to put it? I am in my File Manager, but have no clue what folder to put it in or where in a blank page I would insert the text.
In fact, I tried to insert it somewhere and now it is at the top of my website for all to see saying, “define…’256m'” Which I would like to remove, but don’t know how to find where it is.
I may have ruined my website……
Hi aribann,
Yes definitely! With Enfold and most premium themes you can add simple css changes like you have above to the Quick CSS field. If you start to get a bit more in depth with your css changes you can add them to the custom.css file which gives you a more typical setup for how css is loaded into themes and websites.
We even have a couple of media queries in the custom.css file so you can add different css that will load on only desktops or only tablet and below size screens.
Regards,
Devin
I which to make the line separators of the Recent Posts widget more delicate.
Is it correct to add the modified CSS to Quick CSS as opposed to changing layout.css?
ie add this to Quick CSS:
.recentcomments, .widget_recent_entries li{
border-top-width:1px;
border-top-style: solid;
}
WPML Reply
usort() [function.usort]: Array was modified by the user comparison function are due to a known php bug. See php bug #50688 for more information. This warning does not affect the functionality of your site and it is not visible to your users.
https://bugs.php.net/bug.php?id=50688
Can you also upgrade WPML and addon plugins to latest version 2.9.1?
http://wpml.org/es/forums/topic/enfold-wpml-errorwarning-warning-uasort-array-was-modified-by-the-user/
Now i have this. But still don’t work :(
#header {
background-color:rgba(255, 0, 0, 0.6);
}
.header_bg {
opacity: 1 !important;
}
Hi jjranson,
If you can create a temporary admin account for me I’ll login and take a look.
You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn’t grab it :)
Regards,
Devin
Hi,
To create a menu, what process do you follow. What you need to do is go to Appearance > Menus. Then click the little tab gear icon to create and name a new menu. Then you hit save on the menu. Then you attach the menu on the top left portion of the screen as the first menu and you click save below it. Only at that point do you begin to attach the individual pages to the menu and when you are finished you click the save box on the right top side of the page.
So. If you create 3 new menus calling each One, Two and Three. And click save for each menu in the top right side and then click refresh button, all the menus will disappear? How much memory are you using please make sure you are at least at 128M. Please make sure that you do not have Jetpack Plugin activated. Let us know the results.
http://docs.woothemes.com/document/increasing-the-wordpress-memory-limit/
Thanks,
Nick
You should be able to use a full width Revolution slider with the latest theme version (1.8.3 or 1.8.4). This post: https://kriesi.at/support/topic/fullwidth-in-showbiz-pro will help you. You can use the same css code/workflow to stretch the revolution slider.
Hi!
Please read this thread: https://kriesi.at/support/topic/i-cant-install-it-1 – maybe it helps you too.
Regards,
Peter
Hi,
I have already tried that solution, it does not work.
Check Ř, Š, etc. characters on http://aetherdesign.cz
And there is still <!– google webfont font replacement –>
<link id=”google_webfont_1″ rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Open+Sans:400,600″ /> in code.
Also, with latest update, all the animations stopped working.
Hi!
Please post your final translation here: https://kriesi.at/support/topic/please-contribute-and-translate-enfold – it will help other users too :)
Best regards,
Peter
You can try this script: http://jedfoster.github.io/Readmore.js/
Insert the compressed version. https://github.com/jedfoster/Readmore.js/blob/master/readmore.min.js at the bottom of enfold/js/avia.js. Then replace following code at the top of the file
$(document).ready(function()
{
with
$(document).ready(function()
{
$('.shortdescriptiontext').readmore({
speed: 75,
maxHeight: 500
});
and change the values if you want to. At least wrap your long text into a paragraph with the class “shortdescriptiontext”.
<p class="shortdescriptiontext">
My text....
</p>