Yigit, can you please see my post about an issue with google chrome?
https://kriesi.at/support/topic/fixed-footer-issue-google-chrome/
Thanks :)
Hi absurdity69!
Please do not create duplicated topics. I have replied you on your other topic here – https://kriesi.at/support/topic/bbpress-vs-wp-symposium/
Cheers!
Yigit
Hey!
Can you post the link to your webiste? We may need a temporary admin login as well
Best regards,
Yigit
Hi stuartleighbray!
Thank you for visiting the support forum!
If you want to make the iconbox icons container square, use this on Quick CSS or custom.css:
.iconbox_top .iconbox_icon {
padding: 15px;
border-radius: 0;
}
I hope that helps.
Best regards,
Ismael
Hey mgerenser!
1- Please add following code to Quick CSS in Enfold theme options under Styling tab
span.trail-before {
display: none!important;
}
2- Please see – https://kriesi.at/support/topic/icons-in-menu/
Cheers!
Yigit
Hi Ismael.
yes, seems to be fixed.
thanks, Lars
Hi!
Code is not being applied, you can try adding !important rule as following
#top .avia-smallarrow-slider { min-height: 280px !important; }
please flush browser cache after applying the code
Cheers!
Yigit
Hey!
Please add following code to Quick CSS as well
2-
#top .avia-smallarrow-slider { min-height: 280px; }
3-
@media only screen and (max-width: 767px) {
section.slide-entry.flex_column {
width: 45%!important;
margin-right: 4%!important;
}}
4- I checked the slider on Safari, Firefox and Chrome but could not reproduce the issue. Which OS and browser are you using?
Best regards,
Yigit
Hey grpetz!
Please try adding !important rule as following
@media only screen and (max-width: 767px) {
.responsive .cart_dropdown {
display: block !important;
top: 120px !important;
}}
Cheers!
Yigit
Hi!
Thank you for the update.
I checked the shop page ( http://beta.vabelhavt.com/?post_type=product ) and the sidebar looks ok. It is not below the main content as describe on the previous post. Is this fixed?
Regards,
Ismael
Hi silviouk!
Thank you for using the theme!
You can add this on Quick CSS or custom.css:
#top .social_bookmarks li a {
border-radius: 30px;
background: gray;
}
#top .social_bookmarks_rss a{color:#ffa133; }
#top .social_bookmarks_facebook a{color:#37589b; }
#top .social_bookmarks_twitter a{color:#46d4fe; }
#top .social_bookmarks_mail a{color:#9fae37; }
#top .social_bookmarks_dribbble a{color:#e44885; }
#top .social_bookmarks_linkedin a{color:#419cca; }
#top .social_bookmarks_search a{color:#222222; }
#top .social_bookmarks_gplus a{color:#de5a49; }
#top .social_bookmarks_behance a{color:#008cfa; }
#top .social_bookmarks_flickr a{color:#ff0086; }
#top .social_bookmarks_forrst a{color:#234317; }
#top .social_bookmarks_myspace a{color:#000000; }
#top .social_bookmarks_tumblr a{color:#345574; }
#top .social_bookmarks_vimeo a{color:#31baff; }
#top .social_bookmarks_youtube a{color:#a72b1d; }
#top .social_bookmarks_pinterest a{color:#cb2027; }
#top .social_bookmarks_skype a{color:#12a5f4; }
#top .social_bookmarks_instagram a{color:#a67658; }
#top .social_bookmarks_five_100_px a{color:#222222; }
#top .social_bookmarks_soundcloud a{color:#F76700; }
#top .social_bookmarks_xing a{color:#006567; }
Change the background color to something else.
Regards,
Ismael
Hi guys. I know you get these questions too often. I was searching in the forum, but found no clear solution of how to change a particular column’s or cell’s font or background. Hopefully you can simply refer to this post in the future, without having to write many custom answers:
I. Data Table Contents
1) How to change in one particular page (.page-ID-xxx):
in the second table (from top/from left) out of three tables in same page:
background color of:
a) row nr 3 and 6 from the top (full code here …… for this particular change only)
b) column nr 3 and 6 from the left (full code here …… for this particular change only)
c) single cell in row nr 5, column nr 5 (full code here …… for this particular change only)
2) in the second table (from top/from left) out of three tables in same page:
font color, weight, style, size and alignment of:
a) row nr 3 and 6 from the top (full code here …… for this particular change only)
b) column nr 3 and 6 from the left (full code here …… for this particular change only)
c) single cell in row nr 5, column nr 5 (full code here …… for this particular change only)
___________________________________________________
II. Pricing Table Contents
Exactly same question, but for Pricing tables instead of Data tables.
Thanks a lot guys for putting up with as newbies..
I found this thread https://kriesi.at/support/topic/enfold-gallery-thumbnail-sizes-and-proportions/ for editing height of a thumbnail, but how to set its width?
hi,
can you please help me to center the submenu on the megamenu (row) as now it is left side handed. i do have 3 rows and when hovering the top-menu the third submenu is not visible :(
Second question is, how to add some px to the width of the “normal” submenu. For example, hovering a top menu item makes the submenu visible. this column has a fixed width – for example 100 px but i would want it to have 150 px. How and where can i do this?
thanks
-
This topic was modified 12 years ago by
p3ntagon.
I don’t want to hijack someone else’s topic but on my site I had the same problem and I came across this topic.
I had some color sections with a fixed background in wich the links didn’t work on mobile devices. After reading this topic and Ismael’s answer I have set the background images of the color sections to scroll. This resolves the problem with the links in the specific color sections indeed.
Now I wonder why the hyperlinks aren’t working on mobile devices when the background image of a color section is set to fixed. Any idea?
Regards,
Erik
Hi youyou78!
Thank you for using the theme!
Do you mind if we take a look at the post page? If I am not mistaken, you want to change the width of the comment form? This part of your css code should close:
#top .fullsize .template-blog .post-title {
max-width: 100%;
}
A screenshot explaining your request will help a lot. Thanks!
Cheers!
Ismael
Hey HiDrew!
Thank you for using the suppor forum!
If you don’t mind, please post each questions on a single thread. It will be much easier for us to answer your queries in that manner.
1.) Please add this on Quick CSS or custom.css:
div.phone-info {
font-size: 20px;
top: 80px;
position: relative;
color: green !important;
}
2.) Use this for the menu borders:
.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a, .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li:first-child a {
border: none;
}
3.) Use this to create a gap between the menu and the layer slider:
.home div#main {
margin-top: 50px;
}
4.) Can you please provide us a link to the page with the tables?
5.) Use this to align the testimonial name to the left:
.avia-testimonial-meta {
margin-left: 0;
}
Regards,
Ismael
Very strange.
I visit the site and start to scroll down. Half way down the page, it will JUMP back to the top of the page automatically.
This does this everytime I reload or visit the site for the first time.
?? very strange scroll bug ?
Firefox 17 version
I am setting up a new site. Have not made any changes to the theme. With the latest updates a lot of things stopped working and disappearing.
The text in all the text edit windows is white, can’t see it to edit. It is also showing all html tags.
The Theme Short Code menu is gone.
Hi again !
I’m coming back because now I would like the logo title to be in font “lobster”, so I tried this in quick CSS :
#top .logo-title {
transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-webkit-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
font-family: lobster;
font-size: 12px;
color: #000;
position: absolute;
left: 500px;
top: -7px;
opacity: 1;
white-space: nowrap;
}
but it didn’t work…
Could you please help me ?
I am using custom CSS to style fonts used in a Layerslider and to hide the text when viewed on mobiles. Since updating WP and the Enfold theme the text is not longer responding to this custom CSS:
Site: http://www.bhutantravelbureau.com (slider on homepage)
#top .avia-layerslider .ls-wp-container .ls-layer h1{
font-family: ‘Open Sans’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif!important;
font-size: 38px !important;
font-weight: bold !important;
letter-spacing: -2px;
line-height:32px;
}
#top .avia-layerslider .ls-wp-container .ls-layer h2{
font-family: ‘Open Sans’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif!important;
font-size: 26px !important;
letter-spacing: -1px;
font-weight: 400 !important;
line-height:24px;}
@media only screen and (max-width: 768px) {
#top .avia-layerslider .ls-wp-container .ls-layer h1{ display: none!important; }
#top .avia-layerslider .ls-wp-container .ls-layer h2{ display: none!important; }
Could you please advise if there has been a change that would be causing this? Thankyou.
My Mega Menu used to align to the left of the entire navigation bar, and since updating WP and the Enfold theme it now aligns to the parent tab causing one of the columns to move outside of the browser:
http://www.bhutantravelbureau.com (Tours & Treks tab)
I have looked at the new header options and cannot see anyway to correct this, and the removing the custom CSS that applies to the mega menu as below has no impact:
#top #header .avia_mega_div > .sub-menu > li > ul > li a {
padding-left: 8px;
padding-right: 5px;
}
#top .header_color .main_menu .menu .avia_mega_div ul .current-menu-item > a {background-color: #e1e1e1;}
#header .avia_mega_div .units {
padding-left: 8px;
padding-right: 8px;
}
#top .main_menu .menu > li:last-child > a {padding-right: 13px;}
#top #header .mega_menu_title a {font-size: 15px !important;}
.avia_mega_div .avia-bullet {margin-top: 10px;}
A fix for this would be much appreciated.
Hey Starkos!
Add this Quick CSS for 1:
.html_header_top.html_header_sticky #main{
padding-top: 0 !important;
}
Best regards,
Josue
OK, I don’t really know php, so, my best guess based on your reply was to create a functions-enfold.php file with the following code — with the title removed in the html line of the default array — and upload that to the enfold-child folder. This didn’t work for me. I tried chopping out some of the stuff above and below the array, but nothing worked. Can you tell me what I’m doing wrong?
<?php
function avia_title($args = false, $id = false)
{
global $avia_config;
if(!$id) $id = avia_get_the_id();
$header_settings = avia_header_setting();
if($header_settings['header_title_bar'] == 'hidden_title_bar') return "";
$defaults = array(
'title' => get_the_title($id),
'subtitle' => "", //avia_post_meta($id, 'subtitle'),
'link' => get_permalink($id),
'html' => "<div class='{class} title_container'><div class='container'>{additions}</div></div>",
'class' => 'stretch_full container_wrap alternate_color '.avia_is_dark_bg('alternate_color', true),
'breadcrumb' => true,
'additions' => "",
'heading' => 'h1' //headings are set based on this article: http://yoast.com/blog-headings-structure/
);
if ( is_tax() || is_category() || is_tag() )
{
global $wp_query;
$term = $wp_query->get_queried_object();
$defaults['link'] = get_term_link( $term );
}
else if(is_archive())
{
$defaults['link'] = "";
}
//disable breadcrumb if requested
if($header_settings['header_title_bar'] == 'title_bar') $defaults['breadcrumb'] = false;
// Parse incomming $args into an array and merge it with $defaults
$args = wp_parse_args( $args, $defaults );
$args = apply_filters('avf_title_args', $args, $id);
// OPTIONAL: Declare each item in $args as its own variable i.e. $type, $before.
extract( $args, EXTR_SKIP );
if(empty($title)) $class .= " empty_title ";
$markup = avia_markup_helper(array('context' => 'avia_title','echo'=>false));
if(!empty($link)) $title = "<a href='".$link."' rel='bookmark' title='".__('Permanent Link:','avia_framework')." ".esc_attr( $title )."' $markup>".$title."</a>";
if(!empty($subtitle)) $additions .= "<div class='title_meta meta-color'>".wpautop($subtitle)."</div>";
if($breadcrumb) $additions .= avia_breadcrumbs(array('separator' => '/', 'richsnippet' => true));
$html = str_replace('{class}', $class, $html);
$html = str_replace('{title}', $title, $html);
$html = str_replace('{additions}', $additions, $html);
$html = str_replace('{heading}', $heading, $html);
if(!empty($avia_config['slide_output']) && !avia_is_dynamic_template($id) && !avia_is_overview())
{
$avia_config['small_title'] = $title;
}
else
{
return $html;
}
}
?>
When I have to edit a text box, the text editing tools at the top is missing.
Hello Kriesi team!
I am working on the site located temporarily at: http://gator3148.hostgator.com/~yc4c/
Looking for assistance with the following issues:
- On the old site (at: http://yourcar4cash.ca), the phone number was very large and aligned with the logo. Is there a way to do this in Enfold?
- How do I completely remove the boxes around the menu items/menu row?
- How can I put a bit of space between the menu and the layerslider on the home page? I tried using the horizontal ruler on the whitespace setting, but the amount of space it creates is HUGE (even when I set it to only a few pixels, or negative pixels!)
- How can I remove the default table formatting? I would like no borders or background, as you can see I’m just using those for layout to stay in line with the client’s previous website.
- It seems that some strange formatting is overriding my basic table settings, as I am trying to have both columns top justify (so the text in the right column is top aligned.) The basic tag is not working… how can I fix?
- In the logo row at the bottom, how can I have those logos vertically centered so they are consistent/even with each other?
- On the testimonial page (http://gator3148.hostgator.com/~yc4c/testimonials/), how can I align the name and city to the left with the quote above?
Many thanks, as always, for your support!
Drew
Hello,
I changed the width with the following code but I can’t find for comments. Currently under comments is full width with this code. I wish the same width on comments but to keep counter in full width. please help me!
/* Width blog posts */
#top .fullsize .template-blog .post .entry-content-wrapper > * {
max-width: 770px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 770px;
}
#top .fullsize .template-blog .post-title {
max-width: 100%;
Hello,
How to enable the RTL option?
I checked this post but still don’t know how to set WordPress to RTL language so that the Enfold RTL stylesheet will be included automatically. https://kriesi.at/support/topic/how-to-enable-the-rtl-option/
Thanks