Hi,
this is my first post in this amazing forum since I found everything I needed through search. Thanks for the great support!
My question is the same as neondigital’s.
My website is: Herrenausstatter Wien
So I’ve been changing the headline Font and the result looks like as follows.
– The first one appears when I change to Arimo. How do I change it? Is this H1?

– The second one appears when I change to any other font (in this case Raleway). Obviously this is not Raleway.

– The third one is a picture of 5 easysliders (so I can use that overlay caption). This seems to be the same font as in the layerslider on top, but bold and uppercase apparently. I changed the values successfully via Safari Web Inspector to ‘capitalize’ and ‘Raleway, but when I add the same code to the custom.css, nothing happens.

The code is as follows:
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
font-family:Raleway!important;
text-transform:capitalize!important;
}
Any help would be appreciated.
Thanks,
Felix
BTW:
– I changed the rights of the wp-content/uploads/dynamic_avia/enfold.css file to 755.
– I’m using W3 Total Cache plugin.
– I resetted all caches (pluginwise and browserwise).
-
This reply was modified 12 years, 2 months ago by
Trystan.
Hey andri7luck!
No, the ajax search does not work with a standard search form at the moment. You can suggest the feature here: https://kriesi.at/support/topic/enfold-feature-requests/ and if other users request it we’ll look into it.
Update: I looked into it and you can do it with a quick hack. In enfold/js/avia.js replace
new $.AviaAjaxSearch({scope:'#header'});
with
new $.AviaAjaxSearch({scope:'#header, .widget_search'});
Then replace
this.scope.on('keyup', '#s:not(".av_disable_ajax_search #s")' , $.proxy( this.try_search, this));
with
this.scope.on('keyup', '#s:not(".av_disable_ajax_search #s")' , $.proxy( this.try_search, this));
$(document).not(this.options.scope).on('click', function(){
$('.widget_search #searchform .ajax_search_response').fadeOut(300, function(){ $(this).remove(); });
});
Afterwards add following css code into the quick css field
#top .widget_search #searchform .ajax_search_response{
padding-top: 20px;
position: absolute;
background: #fff;
z-index: 100;
max-width: 100%;
border: 2px dotted #e2e2e2;
}
and change the styling of the ajax response results if you want.
Regards,
Peter
Hi!
1.) If you want to change the style of a specific element on a certain page or post, you can use the Google Chrome Inspect Element. Look for the unique css body class.

On the example above, the page’s unique selector is .page-id-2251. We can use it to change the element within that page. The page id on your end might be different.
.page-id-2251 .column-top-margin {
margin-top: 20px;
}
2.) Add this on your custom.css or Quick CSS to fix Peter’s picture:
.avia-team-member {
margin: 0;
clear: both;
}
3.) Use this to remove the content slider heading:
.avia-content-slider .slide-entry-title {
display: none;
}
4.) Use this to move the button:
.page-id-1212 .avia-button-wrap {
margin-top: -20px;
}
Regards,
Ismael
Hello,
A couple more questions:
1. Is there a way to keep the link for a slide active, but remove the fading to white and the circle with the arrow that pops up when you hover over it? Please see home page slider at the top as reference.
http://www.jamaicaclay.com/wordpress/
1b. Similarity, is there a way to change the look of that? make the white a different overlay color and the arrow in the circle icon a different look?
2. How can I make the text on the home page that reads “The ceramic art of David pinto” stay the same size (i.e. still be H2) but do a text transform to all lowercase or upper and lower case? I tried
h2 { text-transform: lowercase; }
but that didn’t work.
3. At the bottom of the home page – what is the code i need to remove the date stamp in the post sliders?
3b. Also, if i wanted to remove the featured image thumbnails, what code would I need for that? If we choose not to put a image in the featured image spot it leaves a line as a placeholder on the page and I want to be able to remove those lines, or tell it not to display images.
4. Is there a way to use the Avia layout editor for creating a “Posts” pages? I want to be able to drag and drop sliders and other media elements into my “posts” pages and i can’t do that with this structure. When i go to the “posts” pages I only have the default editor available to use to create posts pages. Should I be able to access an Avia layout editor? I would like to put a full width slider on one of my posts pages.
http://www.jamaicaclay.com/wordpress/puma-pinto-bolt/
5. When you use a “color section” on a page with a sidebar, is there a way to contain the color in just the layout area and not have it spill into the sidebar, because it’s pushing all the menu info down below.
See page: http://www.jamaicaclay.com/wordpress/workshops/
If not, then is there a way to force the sidebar content to come up first and then the color section afterward?
6. on the page below (and a few others) that use a “fullwidth masonry” set to display 4 columns, it leaves a hairline border on the far right when you window is fully open. Is there a way to remove this?
http://www.jamaicaclay.com/wordpress/gallery/custom-design/
Also, is there a way to force the responsive part of this masonry to stay 4 images across and just get smaller, until it they needs to go to 2 images across? Does that make sense?
Thank you as ever!
Hey 500Webmaster!
This will be easier if you use the header with the bottom navigation. Add this on your custom.css or Quick CSS to move the menu on the title container:
#header_main_alternate {
border: none;
}
.bottom_nav_header.social_header .main_menu {
top: 10px;
}
#header_main_alternate .container {
height: 0;
}
.bottom_nav_header.social_header .main_menu ul:first-child>li:first-child a, .bottom_nav_header.social_header .main_menu ul:first-child>li a {
border: none;
}
.bottom_nav_header.social_header #top .main_menu .menu-item-search-dropdown {
float: left;
}
To add more content on the header section, please edit header.php then find this code:
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');
You can add text or image code below.
Regards,
Ismael
Hey fluent_Agency!
Edit css > layout.css, find this code under Media Queries section:
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive #top .mobileMenu{position: absolute; top: 50%; margin: -15px 0 0 0; width:250px; right:0; max-width: 250px;}
.responsive .main_menu ul:first-child > li > a { padding: 0 10px; }
.responsive #top #header {position: relative; }
.responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
.responsive #top #main {padding-top:0; }
.responsive #main .container_wrap:first-child{ border-top:none; }
.responsive .mobile_slide_out .logo{float:left;}
.responsive .mobile_slide_out .logo img{margin:0;}
.responsive .mobile_menu_tablet .main_menu{display: none; }
}
You can remove it but it will break the layout of the site. If you want the mobile menu to show under 1001px, please edit js > avia.js, find this code on line 89:
switchWidth = 767;
Replace it with:
switchWidth = 1001;
Remove browser cache then reload the page a few times.
Best regards,
Ismael
Hi, I needed some help for my website but I did not want to link to my website because I did not want google to index the thread but Josue linked to my website without knowing so I would like it if any mod would please delete that post with a link to my website. Thanks!
https://kriesi.at/support/topic/layersliderwp-slider-not-found-2/
Hi!
Please remove Josue’s code then use this instead to move the main container:
#main {
top: -88px;
position: relative;
}
Regards,
Ismael
Hey!
You can insert the Horizontal Rule element on top and at the bottom of the icon boxes to create a border like effect.
Cheers!
Ismael
Sorry to be further bother. But interestingly, the site loads perfectly from ‘all smart phones’, but not from any desktops or laptop browsers.
Just wondering if this points to something within the theme that can be refreshed ?
Any feedback would be greatly appreciated.
many thanks,
Thanks for the quick reply. That worked! I’d still like to get the color about 20px beyond the widget content in all directions. Not having any luck adjusting padding or margin.
http://stopreservationshopping.com
Hey!
Hmm, is a WordPress/server thing then, is necessary to do this?
But I have changed the WordPress URL and the Site URL under General Settings to the new URL – and it worked for several days. SO I’m curious as to why it has suddenly stopped working here.
I think i’d be safer to have the both setting in the same domain.
Best regards,
Josue
Thanks it’s all working now.
How do I stop the logo falling behind the drop-down menu when the browser is less than 768 pixels wide?
Just more on this issue:
We originally built the site in a subdirectory and then transferred it to its own domain (which is an Addon Domain of our hosting account).
When I load up the original subdirectory, the site works fine:
http://rednovamedia.com/arabella/
But I have changed the WordPress URL and the Site URL under General Settings to the new URL – and it worked for several days. SO I’m curious as to why it has suddenly stopped working here.
Any help would be greatly appreciated.
I have built MANY sites this way using other themes, and I have never had this problem.
Please help with this issue ASAP.
Regards,
DJ Nicke
Hey!
That featured is not available at the moment, if you really need you would need to hire a freelancer for the job, also feel free to request it here.
Best regards,
Josue
Hi,
Is there a way to limit the easy slider autorotation? I’d like for it to stop after cycling 3 times thru if possible. Thanks,
Hey Martin!
That code is meant to be put inside the .php theme files, not in the content of a Post or a Widget.
Best regards,
Josue
Hi,
Open js/avia.js and comment from line to 674 to 746:
/*if(container == 'body')
{
var elements = $('#main a img').parents('a').not('.noLightbox, .noLightbox a, .avia-gallery-thumb a, .avia-layerslider a, .noHover, .noHover a').add('#main .avia-hover-fx');
}
else
{
var elements = $('a img', container).parents('a').not('.noLightbox, .noLightbox a, .avia-gallery-thumb a, .avia-layerslider a, .noHover, .noHover a').add('.avia-hover-fx', container);
}
var overlay = "", isMobile = 'ontouchstart' in document.documentElement;
if(isMobile) return; //hover overlay for mobile device doesnt really make sense. in addition it often slows done the click event
elements.each(function(e)
{
var link = $(this), current = link.find('img:first');
if(current.hasClass('alignleft')) link.addClass('alignleft').css({float:'left', margin:0, padding:0});
if(current.hasClass('alignright')) link.addClass('alignright').css({float:'right', margin:0, padding:0});
if(current.hasClass('aligncenter')) link.addClass('aligncenter').css({float:'none','text-align':'center', margin:0, padding:0});
if(current.hasClass('alignnone'))
{
link.addClass('alignnone').css({margin:0, padding:0});;
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline-block'}); }
}
});
elements.on('mouseenter', function(e)
{
var link = $(this),
current = link.find('img:first'),
url = link.attr('href'),
span_class = "overlay-type-video",
opa = link.data('opacity') || 0.7;
overlay = link.find('.image-overlay');
if(!overlay.length)
{
if(current.outerHeight() > 100)
{
if(link.height() == 0) { link.addClass(current.get(0).className); current.get(0).className = ""; }
if(!link.css('position') || link.css('position') == 'static') { link.css({position:'relative', overflow:'hidden'}); }
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'block'}); }
if(url)
{
if( url.match(/(jpg|gif|jpeg|png|tif)/) ) span_class = "overlay-type-image";
if(!url.match(/(jpg|gif|jpeg|png|\.tif|\.mov|\.swf|vimeo\.com|youtube\.com)/) ) span_class = "overlay-type-extern";
}
overlay = $("<span class='image-overlay "+span_class+"' style='opacity: 0;'><span class='image-overlay-inside'></span></span>").appendTo(link);
}
}
if(current.outerHeight() > 100)
{
overlay.css({left:current.position().left + parseInt(current.css("margin-left"),10), top:current.position().top + parseInt(current.css("margin-top"),10)})
.css({display:'block','height':current.outerHeight(),'width':current.outerWidth()}).stop().animate({opacity:opa}, 400);
}
else
{
overlay.css({display:"none"});
}
}).on('mouseleave', elements, function(){
if(overlay.length)
{
overlay.stop().animate({opacity:0}, 400);
}
});*/
Regards,
Josue
Hey Kriesi team.
Few days ago peterfagerberg send a question about the the_permalink() function in order to use Entypofont or the light css boutons social sharing.
The moderator Josue gave this solution for using the permalink() function :
<a target="_blank" href="https://twitter.com/intent/tweet?text=<?php the_title(); ?>&url=<?php the_permalink(); ?>&via=@username">Tweet</a>
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=<?php the_permalink(); ?>">Share on Facebook</a>
<a target="_blank" href="https://plus.google.com/share?url=<?php the_permalink(); ?>">Plus on Google+</a>
<a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&summary=<?php avia_excerpt(50); ?>&source=<?php the_permalink(); ?>">Share on LinkedIn</a>
<a target="_blank" href="http://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&description=YOUR-DESCRIPTION&media=YOUR-IMAGE-SRC">Pin on Pinterest</a>
<a target="_blank" href="https://vk.com/share.php?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&description=YOUR-DESCRIPTION&image=YOUR-IMAGE-SRC&noparse=true">Share on VK</a>
<a target="_blank" href="https://www.xing-share.com/app/user?op=share;sc_p=xing-share;url=<?php the_permalink(); ?>">Share on Xing</a>
But it does’nt work for me if I put it in a sidebar or in a post.
The argument stay the same, i mean when i clic on tweet it makes something like this :
<?php the_title(); ?> via @@username in the twiter writing box.
Is somebody have a solution?
-
This topic was modified 12 years, 3 months ago by
Martin.
Hi BelIblis!
See this topic: https://kriesi.at/support/topic/linking-the-icon-box-icon/#post-183782
If that doesn’t work, post a link to your website so i can better assist you.
Best regards,
Josue
This reply has been marked as private.
I would like to customize the WooCommerce Shop base page, to do the following:

First, display the main category titles, along with a main category thumbnail. Below that, I would like to display that category’s subcategories as an inline list of links. Right now I’m trying to accomplish this by creating a page template, which calls a modified clone of content-product_cat.php.
The problem with that approach is that the code stops after the start of the list:

Is there an easier way to accomplish this? Thanks!
-
This topic was modified 12 years, 3 months ago by
jedifrog.
Hi Friends,
I would like to modify the look and feel of the single product page.
Specifically, I would like to increase the size of the Gallery image and decrease the size of the description, options and buy now. I like how the sidebar and product description line up on the wide side of the page, so refining my question, is it possible to move the product gallery to the wide side and move the description and option selector to the narrow side?
If not, I’m open to other options for making the image gallery larger at the top of the page.
Thanks!
Keith
My site is in development, so I can’t share a link. This is just a request to modify the default Enfold / WooCommerce single product page.
This reply has been marked as private.
This reply has been marked as private.
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired
body .column-top-margin {
margin-top: 20px;
}
You can hire a freelance developer from Microlancer or you can also request quote here.
Cheers!
Yigit
This reply has been marked as private.