Forum Replies Created
-
AuthorPosts
-
Hi!
What line are talking about here? The footer menu should be hidden on the mobile view.
Regards,
IsmaelHi Imburr!
You can choose 3 columns on Enfold > Footer then add this on your custom.css or Quick CSS:
#footer .flex_column.av_one_third:nth-child(1) { width: 20%; } #footer .flex_column.av_one_third:nth-child(2) { width: 45%; } #footer .flex_column.av_one_third:nth-child(3) { width: 20%; }
Regards,
IsmaelHi faterra!
What font are you trying to use? If it is a google font, you can edit functions.php and find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
add_filter( 'avf_google_heading_font', 'avia_add_heading_font'); function avia_add_heading_font($fonts) { $fonts['Alef'] = 'Alef'; return $fonts; } add_filter( 'avf_google_content_font', 'avia_add_content_font'); function avia_add_content_font($fonts) { $fonts['Alef'] = 'Alef'; return $fonts; }
Replace “Alef” with the google font you’re trying to use.
Best regards,
IsmaelHello!
Just add this on your custom.css or Quick CSS:
#menu-item-search { display: none; }
Regards,
IsmaelHello!
Please try this:
.avia-fullscreen-slider .avia-slideshow>ul>li { min-height: 100% !important; height: auto\9; }
Cheers!
IsmaelHello!
Inspect the “Home” menu using Google Chrome’s Inspect element then look for the unique menu id. It will look something like this:
<li id=”menu-item-755″ class=”menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent active-parent-item dropdown_ul_available”>
Menu ID is #menu-item-755.
You can add something like this on your custom.css or Quick CSS:
#menu-item-755 > a { text-indent: -9999px; background: url('ICON IMAGE URL HERE') no-repeat top center; width: 30px; height: 30px; }
Width and height will depend on the icon image size.
Cheers!
IsmaelHi jdrakeproductions!
I visited the site but the image is not blinking on rollover. What browser are you using? :)
Cheers!
IsmaelHey,
You can add a unique selector for each Avia Elements. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
add_theme_support('avia_template_builder_custom_css');
Edit any avia elements like Button element then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-button”.
You can add something like this on your custom.css or Quick CSS to change the button text color:
.main_color .awesome-button .avia_iconbox_title { color: red; }
Regards,
IsmaelSeptember 21, 2013 at 1:21 am in reply to: Floating Widget (using q2w3 widget) is not working in Chrome #164317Hi!
I tested your site and when I make the above changes the “Request Quote” button doesn’t disappear when you scroll down. Please try this:
.avia_textblock, .avia-icon-list, .avia-button, .avia-testimonial, .iconbox, .avia_message_box, .avia-team-member, .widget, .post, .team-img-container img, .team-social, .iconlist_icon, .fallback-post-type-icon, .fullsize .related_posts, .grid-image, .avia-caption-content, .avia-caption-title, .entry-content-wrapper { -webkit-perspective: 1000; -webkit-backface-visibility: visible !important; }
Cheers!
IsmaelHi!
Please add this on your custom.css or Quick CSS:
div .logo { position: absolute; z-index: 9999; }
Best regards,
IsmaelHello!
Please add this on your custom.css or quick CSS:
.avia-menu-fx { bottom: 19px; } .main_menu ul { position: relative; top: 20px; } .main_menu .menu ul { margin-top: -21px; }
Regards,
IsmaelHello zerozendesign!
Please add this on your custom.css or Quick CSS:
.avia-content-slider .avia-slideshow-arrows.avia-slideshow-controls { display: none; }
Cheers!
IsmaelHello!
The slow loading speed might be because of the plugins installed. You have a total of 34 plugins which is real lot for a WordPress site. Can you minimize them or remove those you don’t really use? You can also use caching plugins like WP Super Cache or W3 Total Cache to improve page loading speed.
Regards,
Ismael-
This reply was modified 11 years, 9 months ago by
Ismael.
Hello yutakaemura!
You can create a child theme to preserve your modifications on the theme. :)
Cheers!
IsmaelHello!
Please js > avia.js, find this code:
if(st < el_height/2) { newH = el_height - st; header.removeClass('header-scrolled'); } else { newH = el_height/2; header.addClass('header-scrolled'); }
Replace it with:
if(st < el_height/1.5) { newH = el_height - st; header.removeClass('header-scrolled'); } else { newH = el_height/1.5; header.addClass('header-scrolled'); }
This will make the header larger when you scroll down decreasing the graininess of the logo.
Regards,
IsmaelSeptember 20, 2013 at 10:48 pm in reply to: Floating Widget (using q2w3 widget) is not working in Chrome #164253Hi!
Please add this:
.avia-button { -webkit-backface-visibility: visible; }
Best regards,
IsmaelHey advisionsrl!
Can you give us a link to the page? You can select slide transition effects on Slide Options > Slide transition > Transitions.
Cheers!
IsmaelHey!
On what browser are testing your website? It says specifically on the Image Fade in Animation option that this is only to add some ‘spice’ to the site and only works in modern browsers.
Regards,
Ismael-
This reply was modified 11 years, 9 months ago by
Ismael.
Hello kriru!
Can you please add the google search? I don’t see it on the website.
Best regards,
IsmaelHey itchybrain!
Edit header.php, find this code:
echo "<div class='main_menu' data-selectname='".__('Select a page','avia_framework')."'>";
Below, add this code:
echo "<div class='search-text'>Search</div>";
Add this on your custom.css or Quick CSS:
.search-text { position: absolute; text-align: right; padding-right: 30px; }
Cheers!
IsmaelSeptember 20, 2013 at 1:10 pm in reply to: How to display Excerpt + Read more link in every category / archive pages ? #164035Hi!
You can use the <!–more–> tag. It will display the excerpt even for archive pages.
Cheers!
IsmaelHello mschoonhoven!
You can add this on your custom.css or Quick CSS:
@media only screen and (max-width: 989px) and (min-width: 768px) { .responsive .main_menu ul:first-child > li > a { padding: 0 8px; font-size: 11px; } .logo img { width: 220px; height: auto; max-height: 73px; } }
Best regards,
IsmaelHello ThorbenR!
Yes, just edit the post. Look for Publish > Visiblity > Public > Stick this post to the front page. Enable it.
Cheers!
IsmaelHi!
Edit header.php, find this code:
<div id='wrap_all'> <?php if(!$blank){ ?>
Below add something like this:
<?php echo '<div class="header-top"></div>'; ?>
Then add this on your custom.css or Quick CSS:
.header-top { position: relative; z-index: 400; width: 100%; height: 100px; background-color: transparent; background-attachment: scroll; background-image: url('IMAGE URL HERE'); background-position: center top; background-repeat: no-repeat; }
Regards,
IsmaelHi!
I don’t think you add the fade in animation. The image element should look like this:
<img class="avia_image avia-builder-el-37 avia-builder-el-no-sibling avia-align- avia_animated_image avia_animate_when_almost_visible left-to-right avia_start_animation" src="http://localhost/kriesi/enfold/wp-content/uploads/2013/04/logos1-446x218.jpg" alt="" title="logos1-446x218">
Regards,
IsmaelSeptember 20, 2013 at 7:49 am in reply to: Hide thumbnails for left and right arrows Enfold, and shorten width of rollover #163938Hi!
I suggest you upload uniform image sizes for each post. WP crop the thumbnails which varies depend on the original image size.
Regards,
IsmaelHello!
Can you please post the whole single-portfolio.php code? You can use pastebin.com.
Regards,
IsmaelHi!
That’s not suppose to happen on mobile view. Can you please add this?
@media only screen and (max-width: 767px) { .responsive .container .twelve.units { width: 95%; } }
Best regards,
Ismael -
This reply was modified 11 years, 9 months ago by
-
AuthorPosts