Hey guys,

I already tried to change the Instagram Social Icon and to add a Snapchat Icon by following each step that is described here: https://kriesi.at/support/topic/use-different-social-icons/#post-251970. That did not work..
I first downloaded the Icons from Fontello, then I added this Code to the enfold functions.php:

add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
function avia_add_custom_icon($icons)
{
$icons[‚instagram‘]	 = array( 'font' =>'fontello', 'icon' => 'F16D');
$icons[‚snapchatghost‘]	 = array( 'font' =>'fontello', 'icon' => 'F2AC');
return $icons;
}

add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
function avia_add_custom_social_icon($icons)
{
$icons[‚instagram‘] = 'instagram';
$icons['snapchatghost'] = 'snapchatghost';
return $icons;
}

Instead of F16D and F2AC, which I got from the ‘customize code’ tab at fontello I also tried U+F16D and U+F2AC as well as uef16d and uef2ac. Then I uploaded the zip file. But nothing seems to work. I would be very glad if you could help me.

Thanks!

• This topic was modified 8 years, 10 months ago by giaco_he.

Hi I have a Layer Slider at the top of the page, I then have a color section below with three boxes. I would like the color section to go up above the layer slider slightly.

So in the color section I set to use custom margins and changed the top margin to -30px. Now, it does move the section up like I wanted, but the section is behind the Layer Slider and I need it in front.

How can I do this? I tried messing with the z-index but that does not help. Thanks in advance.

Hi, my product pages currently have an easy slider at the top of the page and on each side of the slider there are arrows. When a mouseover is done on the arrows it shows a preview of another product. I would like to know how to modify this and select which product is placed in this preview. Right now we have eight categories for our products and some categories have repeated products….. I would like to be able to go in one category, exp “Mood & Mind” and when I select a product the previews of other products, show items within the same category….. is this possible?

Thanks in advance

Jen

Hi!
I have created a topic last week with some questions, but since I didn`t got answer yet and I have 3 new questions I decided to put it all in 1 topic.

Before I bought the theme I sent you guys an email, a few months ago, with some customization questions, you sent me a reply saying you can help me with that. That is why I bought the theme =)

It would be lovely if you are able to help me now, since I have already started biulding my website!

1.1 – Post Slider Border and Hover: Your PostSlider does not have many options… I would like to have a border on the featured image, each category would have a diffetend border color. I would like to change the Hover color too, the default is in black, one color for each category showing the post title. You can See the layout I imagined here: https://drive.google.com/file/d/0B9Cl0WGu5B3BRXFLeEVtZUdpNE0/view?usp=sharing
Can you help me to add a border and change the hover color to blog thumbnail ?

1.2- Post Slider Arrows: The default layout shows the arrows on the top of the images, this does not work for me because I need the arrows on left and right sides of the images. You can See the layout I imagined here: https://drive.google.com/file/d/0B9Cl0WGu5B3BRXFLeEVtZUdpNE0/view?usp=sharing
How can I change the arrows to this position and customization?

2- Blog Exerpt: In one moment, using the Post slider I will use it with exerpt. But I would like to have this exerpt in a colorfull background. Like This: https://drive.google.com/file/d/0B9Cl0WGu5B3Bc3p6M1lmOV9zZ2c/view?usp=sharing How can I do that?

3 – Masonry Portfolio: I am using the masonry gallery to display my portfolio. I just want to change the hover color and size, and to display a small subtitle under the title. Can you help me to do that? The Layout I imagined is this: https://drive.google.com/file/d/0B9Cl0WGu5B3BcGlXSkRSRkNmYnc/view?usp=sharing

4 – Image hover Circle: I have some images that are not circles but I want a hover on a circle format. It would be the normal circle hover effect you already have, but in a different shape image. I`ve uploaded a image showing my layout: https://drive.google.com/file/d/0B9Cl0WGu5B3BaXF3cjZITDNURGc/view?usp=sharing
Is it possible to do that?

5 – Menu: I have a lot of things on my menu, and this is making the items go on top of the logo. Like This: https://drive.google.com/file/d/0B9Cl0WGu5B3BNWlkdEdRdjZIR0E/view?usp=sharing
I couldn`t find an option to reduce the space beetwen the menu items… Can you tell me how I should do it?

I am sending you my website informations on private content, so you can check all you want . =)

Thanks in advance for your help!

Hello Sirs,

Congratulations! You have a great theme!

1. I would like to move the search box to the right as the screenshot: https://prnt.sc/fdvvdg
2. How can I deactivate the search box to get bigger during search? I need a fixed element. See screenshot: https://prnt.sc/fdvz10
3. Search box sticks with the sticky header. How can I fix that? see screenshot: https://prnt.sc/fdvxxp

Settings:

Functions.php

add_filter(‘wp_nav_menu_items’, ‘do_shortcode’);
add_shortcode(‘avia_search’, ‘get_search_form’);

add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}

Quick CSS:

#text-9 {
margin-top: 12px;
left: -50%;
}
.header_color input[type=’submit’]{
border:none!important;
}

#header .widget {
left: 70%;
padding-top: 0;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
}

#top #searchform .ajax_search_response {
background: #ffffff;
}

I also followed your instructions in your post: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

I need your precious support.

Thank You in advance,

Nick

Hello Kriesi team !!

I want to make a specific burger menu which looks like a new page with a video background and no scroll bar.
I tried some code but I have 3 problems…

1) The video (or the photo) isn’t responsive :
I found the Quick CSS for the video background :

div.av-burger-overlay-bg {
     background-image: url("myvideoORmypicture");
     opacity: 1;
}

But the video format doesn’t fit with the screen.

2) I want NO scrollbar on the right but I have 2… (2 with my laptop Asus, and one with the macbook, the default scroll bar of my page,check the picture that I sent to you !).

3) The Logo of the menu (not the icon of the burger menu) have to stay when I come to the burger menu.

If you can help me to solve those problems I’ll be very greatfull !!
Thanks in advance.
Romainp841.

• This topic was modified 8 years, 10 months ago by romainp841.

Hi guys,

I’ve already searched and looked through the past threads and I couldn’t find a solution. Plus the old ones in 2014/2015 I don’t think apply anymore.

Anyway, I saw the thread from a few days ago, linked to another thread (https://kriesi.at/support/topic/header-footer-stretched-body-boxed/), it did not solve anything.

I have linked a site in the private content area where it’s exactly how I want it to look like. Boxed content, boxed logo and login area, but stretched header and footer.

Liebes Support-Team,

ich arbeite gerade an einer Internetseite http://marinas-gesundheitsschmiede.de/ mit dem Vollbild-Slider. Auf dem Desktop und auch mit einer responsive-Simulation am Computer funktioniert alles super. Leider wird mir auf der mobilen Ansicht an meinem Handy (Iphone) das Hintergrundbild des Sliders nicht mehr angezeigt sondern nur noch der Text. Habt ihr vielleicht eine Idee, woran das liegen könnte?

• This topic was modified 8 years, 10 months ago by nicik.