Hi!
Insert following code into the quick css field
.fixed_header #main {
padding-top: 151px;
}
Best regards,
Peter
Hey!
Yes, exactly – just take the code I posted here: https://kriesi.at/support/topic/buttion-problem-in-ie8#post-109162 and insert it into the quick css field.
Best regards,
Peter
Hi,
Make sure you have the Enfold version 1.4.
1.) Download the Woocommerce plugin. http://wordpress.org/extend/plugins/woocommerce/
2.) Install the plugin then activate it.
3.) After activating you will be redirected to the Woocommerce setup page. On the very top there is a quirky violet box with ninjas. Click the Install Woocommerce Pages to get you started. :)
4.) Add Products. You might want to add the Shop page on your menu. Go to Appearance > Menu to add the shop page, my account, cart, checkout etc.
Regards,
Ismael
Hi,
My bad, please try this instead.
boxed#top {
box-shadow: 100px 100px 50px black;
}
I exaggerated the value. :)
Regards,
Ismael
Hi,
The video tutorial for setting up a shop page is currently in the making so for the meantime please follow these simple instruction.
1.) Install the Woocommerce Plugin. http://wordpress.org/extend/plugins/woocommerce/
2.) After installation you will be redirected to the Woocommerce editor. Just click the Install Woocommerce Pages located at the very top with the violet quirky background and you are good to go.
3.) All you have to do now is to add a menu item for the Shop page on Appearance > Menu.
4.) Add some products. :)
Make sure you have the Enfold 1.4 version.
Regards,
Ismael
I pasted the code into the sidebar and “top portion” that Mailchimp recommended to post into header.
Hi there,
I think we got our wires crossed as the section I was referring to is the ‘Avia icon_list’ the discs which contain the entypo glyphs. I wanted to change the disc and the outline and leave the entypo glyphs white. I also want to resize them too
When I use the inspector I come across the following…
media="screen"
.main_color .avia-icon-list .iconlist_icon {
background-color: #d73119 !important;
}
and whilst changing the color works in the inspector as soon as I drop it into the CSS of my child theme nothing changes. I thought adding !important might help (assuming I understood its importance which I guess now I dont!!) but it did nothing.
Thing is, this is where I usually come stuck as ive followed your instructions but things like this wont change. Im clearly not doing something but what is it that im doing wrong? Can you help me understand as my next thing is changing the dropdown background on the top nav and I know that will be the same issue.
Hi,
When I download the ‘Installable WordPress File’ I don’t get an option to extract here when it’s on my desktop?
Hi,
thx Devin & TechShad for the codes.
In fact both work but if I also add the…
#top strong {
color: black ;
}
… unfortunately the headlines in the footer (I’m using Enfold Latest News widget) also turn from white to black, which make them illegible.
Any ideas how I can fix that as well? thx!
Hi,
This is the url of the About Us section of the demo http://kriesi.at/themes/enfold/pages/about-us/ … There are no icons here , but I am guessing thumbnail photos – like when you run the mouse over harrold houdini’s photo?
I got this css exactly the same way as shown on the above video using chrome developer tools
/*---these are the colors when mouse hovers--*/
#top .avia-team-member .twitter:hover {
color: rgb(70, 212, 254);
}
#top .avia-team-member .dribbble:hover {
color: rgb(228, 72, 133);
}
/*---this is the regular color of the icon inside circle--*/
#top .main_color .team-social a
color: grey;
}
/*---this is complete settings controlling size, shape, background color, position of the circle itself--*/
#top .team-social a {
text-decoration: none;
position: relative;
border-radius: 30px;
padding: 0 16px;
background: rgb(224, 17, 17);
margin: 3px;
display: inline-block;
height: 53px;
line-height: 54px;
width: 53px;
}
Keep playing with developer tools, i know at first it seems oppressive, but there is nothing better than this to use to quickly be able to edit css of any site.
Thanks,
Nick
Devin,
This seems to be the same problem I am having still: https://kriesi.at/support/topic/hover-over-image-breaks-word-wrap
I thought it was fixed because I only tested it in Chrome. Then my thread was closed. It is still happening in FF just as the OP shows in his image.
Hi joe88,
Can we take a look at the site live? The header shrinks as part of the option to have a fixed header. You can also set your header to a fixed height using the css Kriesi posted in the FAQ for the theme here: http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990/faqs
We can assist if we can take a look at the site live but otherwise you can use that css and adjust as you’d like it (if that is what you are looking for).
As an aside, our support queue goes by oldest post first so when you self respond or bump a topic it actually sends it to the back of our queue. I just happened to have this topic still open from earlier and when I clicked on it I saw the new response (otherwise it would not have been in my queue).
Regards,
Devin
Hi, I’m still new to WordPress and your theme, but I’ve been searching for a way to get structure in both the site and the cms. The following example is exactly what I intend to achieve, but instead of based on “posts” I’d need it to be based on the “portfolio” of the Enfold theme.
You can see an example here (go straight to 2:10):
http://www.youtube.com/watch?v=P4roKGP2WBk
Instead of “Recipes”, “Photos” and “Videos” I would set up “Customers”, “Partners” and “Products”. Because “Posts” are too limited in content layouting (Advanced layout builder) I would need these to be exactly like the Portfolio category in your theme, even the way they are listed on the site (isotope) needs to look exactly like the portfolio.
So my question is: Can I ‘duplicate’ the Portfolio category the same way that video showed by duplicating the posts category? I really hope so! (I would do all the coding myself, based on the Lynda.com extended tutorial and I have a PHP developer to assist me if necessary)
The above fixed the colors in PAGES.
however, I also had to do this to make the Bolds black in Blog posts;
#top b {
color: black ;
}
I hope that does not break anything else ?
Hey!
Hi,
no such a feature/option is not supported at the moment. However you can add it to the feature request list: https://kriesi.at/support/topic/enfold-feature-requests
Best regards,
Peter
Hey!
Have a look at this post: https://kriesi.at/support/topic/popular-posts-list-bug#post-109106 – it will be fixed in the next version.
Best regards,
Peter
Hi,
Open header.php and 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>";
Move that code at the bottom of this code
$extraOpen = $extraClose = "";
if(strpos($headerS,'bottom_nav_header') !== false){ $extraClose = "</div></div><div id='header_main_alternate' class='container_wrap'><div class='container'>"; }
Edit custom.css or go to Quick CSS then add this code
.social_header .phone-info {
right: 140px;
top: 40px;
position: absolute;
float: none;
}
Adjust the top and right position.
Regards,
Ismael
Hi Nick,
thats great and I think when we talk basic changes like H1 text, logo heights etc… the way you mention seems relatively straight forward for a novice. Where Ive become continuously unstuck are things like the discs (behind the icons) if I want them a different colour or size, or to change things that have (what i call) nested button states – the drop down menu for instance as I want to change the colours of the ‘drop down’ background but because there are several states (off, rollover and sometime on) I cant quite find the right piece of code using the method you mention. I also want to alter the (moving) thin underline when you rollover the top nav so that I remove the middle ‘tick’ mark and increase the thickness slightly but again I can’t see where the correct code is amid a sea of other comments. This im sure is my inexperience but any clue as to how to deal with such things would be warmly received
Cheers
all the best
Andy
Hi,
Try this one on your custom.css
.page #layerslider_1 {
padding-top: 75px;
}
Regards,
Ismael
There’s no easy way to add the button class to the php code. I’d use javascript/jquery. In js/avia.js replace:
//responsive menu. needs to be at the top
avia_responsive_menu();
with:
$('a.more-link').addClass('button');
//responsive menu. needs to be at the top
avia_responsive_menu();
Hey!
No, I’m not aware of another text string. You just need to change the topOptionText text. However try to clear the browser cache – maybe your browser uses the old, cached js file.
Best regards,
Peter
Hi tim254,
You can make feature requests in this topic: https://kriesi.at/support/topic/enfold-feature-requests
For the color of the phone number, you can use this css:
.phone-info span {
color: red;
}
Regards,
Devin
This is a bug in the latest version and we’ll fix it with the next update. For now you can replace following line in wp-contentthemesenfoldconfig-wpmlconfig.php:
add_action( 'ava_meta_header', 'avia_wpml_language_switch' );
with
add_action( 'avia_meta_header', 'avia_wpml_language_switch' );
Hi glen,
Yes the docs need a pretty major overhaul but we tend to get waves of busy with the forums and then a new theme is right around the corner. So far its quicker to answer the questions even if it is the same one over and over again.
Let us know if you have any other questions or issues, I’ll close this topic for now :)
Regards,
Devin
1) If you want to add the author blog to single post pages open up single.php and replace:
get_template_part( 'includes/loop', 'index' );
with:
get_template_part( 'includes/loop', 'index' );
$author_id = get_query_var( 'author' );
if(empty($author_id)) get_the_author_meta('ID');
$gravatar = get_avatar( get_the_author_meta('email', $author_id), '75' );
$name = get_the_author_meta('display_name', $author_id);
$heading = __("About",'avia_framework') ." ".$name;
$heading_s = __("Entries by",'avia_framework') ." ".$name;
$description = get_the_author_meta('description', $author_id);
if(empty($description))
{
$description = __("This author has yet to write their bio.",'avia_framework');
$description .= '</br>'.sprintf( __( 'Meanwhile lets just say that we are proud %s contributed a whooping %s entries.' ), $name, count_user_posts( $author_id ) );
if(current_user_can('edit_users') || get_current_user_id() == $author_id)
{
$description .= "</br><a href='".admin_url( 'profile.php?user_id=' . $author_id )."'>".__( 'Edit the profile description here.' )."</a>";
}
}
echo "<span class='post-author-format-type blog-meta'><span class='rounded-container'>{$gravatar}</span></span>";
echo "<div class='author_description '><h3 class='author-title'>{$heading}</h3>".wpautop($description)."<span class='author-extra-border'></span></div>";
2) To remove the preview image link open up includes/loop-index.php and delete following line:
if($slider) $slider = '<a href="'.$link.'">'.$slider.'</a>';
Hi Kriesi Team, you done a good job!
In the new update, when I turn the theme into boxed mode the cart icon doesn’t appear at the top-right corner.
http://oi40.tinypic.com/5mai69.jpg
Can you fix it please?
Thanks in advance.
Cheers
How do you change the color of the phone number? Can it be placed at the far left? I found out how to change the color of the top bar to red via the following code:
#header_meta {
background: #ff0505;
border-color: #2B2B2B;
}
However, it would be nice if this was easier to do. Also, picking social icon colors would be nice as well.
BTW: I’m loving this theme!
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:
#top .logo img {
margin-top: 16px;
}
@media only screen and (max-width: 989px) and (min-width: 768px){
#top .logo img {
width: 80%;
height: auto;
margin-top: 19px;
}
}
Regards,
Devin