Hi,
I previously had Yigit answer a question for me on how to change the colour of the social media icons in the header to make them visible so that the hover state was the normal state and he answered with this code for Facebook and Twitter which worked perfectly.
https://kriesi.at/support/topic/tutorial-videos-social-icons-in-header-widget-title-text-colour/
Problem is that when I tried to use the same code for the Google+ icon it does not work.
It may be because I tried to guess what you called Google+, using inspect element in Chrome it said the icon is called Gplus but no joy
#top .social_bookmarks_Gplus:hover a {
color: #da2713;
background-color: transparent;
}
#top .social_bookmarks_Gplus a {
color: white;
background-color: #da2713;
}
Can you reply with the correct name
Thanks
Ok so i have done a ton of things to try to find out what is wrong.
– I tried removing scrolling functions in avia.js (did not help me)
– I made a fresh domain with fresh wp and theme installs. On that site i started to build up a copy of 2-3 pages and navigation from scratch. I then started to edit and remove blocks and sections in the pagebuilder for theese pages. I did not find anything that helped untill i removed the “easy slider” that i had put in all the pages that have section navigation (above the sections, see screenshot: http://imgur.com/yxGp0OD ). Replacing the “Easy slider” with single image seems to have fixed the problem in Chrome and IE. The only part of the problem that remains in firefox is that the section links load with the section at top:0px (under the menu).
Here are the affected pages:
http://www.carlssonkickoff.se/vara-anlaggningar/
http://www.carlssonkickoff.se/kick-off-paket/loddekopinge/
http://www.carlssonkickoff.se/kick-off-paket/ven/
http://www.carlssonkickoff.se/temafester/
http://www.carlssonkickoff.se/aktiviteter/team-kommunikation/
http://www.carlssonkickoff.se/aktiviteter/musik-kreativitet/
http://www.carlssonkickoff.se/aktiviteter/upplevelser-aventyr/
http://www.carlssonkickoff.se/aktiviteter/mat-dryck/
So after researching this i need a fix for linked sections loading under menu in Firefox.
I also point out again that “easy slider” will sometimes break section links if they are on the same page.
Please: i need help with this. My client is threatening to sue me for this if his website won’t be fixed within a week or two… :(
Thank you.
Hey GOWD!
Those widget are getting cut off because the sidebar is adapting its size to fit the device but those widget are not. You can either find alternative plugions/implemntations for those widgets which are already responsive or try writing some css to do to so.
If you have related questions you can ask them in the same topic. If they are fairly unrelated we prefer them as separate topics.
Cheers!
Devin
Hey!
You opened following ones and did not close
@media only screen and (max-width: 989px) and (min-width: 768px) {
.woocommerce .template-shop.content.nine.units {
}
and
@media only screen and (max-width: 767px) {
.avia-button-right {
left: initial;
position: absolute;
top: 89px;
right: 9px;
}
In both codes you have 2 opening curly brackets and one closing
Best regards,
Yigit
Update
As already mentioned in thread https://kriesi.at/support/topic/blog-style-advanced-layout-editor/ again this is an issues with the uri arguments.
The avia_pagination function tries to get the page/paged argument and fails.
if(get_query_var('paged')) {
$paged = get_query_var('paged');
} elseif(get_query_var('page')) {
$paged = get_query_var('page');
} else {
$paged = 1;
}
Therefor the fallback to 1 is triggered.
May this be an issue due to the usage of Nginx instead of Apache?
Hi!
Your topic was added to Kriesi’s personal queue. In the meantime, please try checking your website on another computers using IE and Firefox
Regards,
Yigit
Hi,
How can i add buttons to layerslider.
Offtopic:
Your support system is not very user friendly, if you use it for search. I hoped i could find my question among other users but it gives soooo many results its scary and all have nothing to do with my search keywords “Button layerslider”
-
This topic was modified 12 years ago by
lukielukas.
This reply has been marked as private.
Hello,
(second topic today… and unortunatly, I’ve not improved my english).
I use dropdown in the main menu (2 levels ). For example :
– Home (first level)
– Page 1 (first level)
> Page 1.1 (second level)
> Page 1.2
– Page 2 (first level)
– and so on…
Enfold’s style include a colored line that is displayed in the menu, under the name of current page.
The trouble is : the line is only present when the current page is a first level page, not for the second level ones (pages 1.2, page 1.2…)
What shall I do to display this line all the time in the menu?
For example, when the current page is “Page 1.2”, the name “Page 1” should be underlined in the menu.
Please tell me if my question is not clear… I’ll try to explain it better or diffrently.
Thank you for your help.
Hi!
Yes – the category probably won’t solve the problem. You must find a way to:
1) Connect the translated blog page with the original blog page – otherwise the language switcher won’t work
2) To change the blog page id based on the selected language
3) To query all existing translations of an entry and to add the flags to the menu. Otherwise the language switcher won’t work properly.
Actually the hard part is not the code itself but the working time which is required to study the documentation of the third party translation plugin. Every plugin comes with a different api and it requires at some working hours to rewrite the WPML based theme code for a different translation plugin. I recommend to hire a freelancer who can help you with this task. If you want to switch to another theme I strongly recommend you to ask the theme author if the theme supports another translation plugin. Most themeforest themes just support WPML and it doesn’t make sense to switch to another theme if this theme doesn’t support your translation plugin too.
Alternatively you can try a translation plugin which doesn’t require any theme code customization at all – http://wordpress.org/plugins/multilingual-press/ – this plugin uses a separate multisite blog for each language and you can also select a different blog page, etc. for each language because each blog uses a separate option table. If you want to add the multilingual-press language switcher to the menu see https://kriesi.at/support/topic/multilingual-press-pro-enfold-multisite/#post-238613
Regards,
Peter
This reply has been marked as private.
Hello,
after automatical upgrade to wordpress to 3.8.2 alle backend websites are “blank”.
For example the dashbord site contains data up to “Debugging Info for Theme support” and no more lines.
I´ve put the source of the page into this message so it easier to understand what i mean.
This happens to all backend pages. On the fontend all pages are displaying correct, but I guess it workes because of the Cache.
Please help, I dont know how to solve this problem.
Kind regards, Michael
<!DOCTYPE html>
<!–[if IE 8]>
<html xmlns=”http://www.w3.org/1999/xhtml” class=”ie8 wp-toolbar” lang=”de-DE”>
<![endif]–>
<!–[if !(IE 8) ]><!–>
<html xmlns=”http://www.w3.org/1999/xhtml” class=”wp-toolbar” lang=”de-DE”>
<!–<![endif]–>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Dashboard ‹ Top Job Bewerbung — WordPress</title>
<script type=”text/javascript”>
addLoadEvent = function(func){if(typeof jQuery!=”undefined”)jQuery(document).ready(func);else if(typeof wpOnload!=’function’){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
var ajaxurl = ‘/wp-admin/admin-ajax.php’,
pagenow = ‘dashboard’,
typenow = ”,
adminpage = ‘index-php’,
thousandsSeparator = ‘.’,
decimalPoint = ‘,’,
isRtl = 0;
</script>
<meta name=”viewport” content=”width=device-width,initial-scale=1.0″>
<link rel=’stylesheet’ href=’http://www.topjobbewerbung.com/wp-admin/load-styles.php?c=1&dir=ltr&load=dashicons,admin-bar,wp-admin,buttons,wp-auth-check&ver=3.8.1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’avia-media-style-css’ href=’http://www.topjobbewerbung.com/wp-content/themes/enfold_2_6/config-templatebuilder/avia-template-builder/assets/css/avia-media.css?ver=3.8.1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’GrStyle-css’ href=’http://www.topjobbewerbung.com/wp-content/plugins/getresponse-integration/css/getresponse-integration.css?ver=3.8.1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’GrCustomsStyle-css’ href=’http://www.topjobbewerbung.com/wp-content/plugins/getresponse-integration/css/getresponse-custom-field.css?ver=3.8.1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’open-sans-css’ href=’//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=3.8.1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’thickbox-css’ href=’http://www.topjobbewerbung.com/wp-includes/js/thickbox/thickbox.css?ver=20131201′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’colors-css’ href=’http://www.topjobbewerbung.com/wp-admin/css/colors/ocean/colors.min.css?ver=3.8.1′ type=’text/css’ media=’all’ />
<!–[if lte IE 7]>
<link rel=’stylesheet’ id=’ie-css’ href=’http://www.topjobbewerbung.com/wp-admin/css/ie.min.css?ver=3.8.1′ type=’text/css’ media=’all’ />
<![endif]–>
<link rel=’stylesheet’ id=’layerslider_global_css-css’ href=’http://www.topjobbewerbung.com/wp-content/plugins/LayerSlider/css/global.css?ver=4.1.1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’akismet.css-css’ href=’http://www.topjobbewerbung.com/wp-content/plugins/akismet/akismet.css?ver=2.6.0′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’itsec_notice_css-css’ href=’http://www.topjobbewerbung.com/wp-content/plugins/better-wp-security/core/css/itsec_notice.css?ver=3.8.1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’cptch_stylesheet-css’ href=’http://www.topjobbewerbung.com/wp-content/plugins/captcha/css/style.css?ver=3.8.1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’ithemes-icon-font-css’ href=’http://www.topjobbewerbung.com/wp-content/plugins/better-wp-security/lib/icon-fonts/icon-fonts.css?ver=3.8.1′ type=’text/css’ media=’all’ />
<script type=’text/javascript’>
/* <![CDATA[ */
var avia_framework_globals = avia_framework_globals || {};
avia_framework_globals.frameworkUrl = ‘http://www.topjobbewerbung.com/wp-content/themes/enfold_2_6/framework/’;
avia_framework_globals.installedAt = ‘http://www.topjobbewerbung.com/wp-content/themes/enfold_2_6/’;
avia_framework_globals.ajaxurl = ‘http://www.topjobbewerbung.com/wp-admin/admin-ajax.php’;
/* ]]> */
</script>
<script type=’text/javascript’>
/* <![CDATA[ */
var WPAkismet = {“comment_author_url_nonce”:”29f39c9cef”,”strings”:{“Remove this URL”:”Remove this URL”,”Removing…”:”Removing…”,”URL removed”:”URL removed”,”(undo)”:”(undo)”,”Re-adding…”:”Re-adding…”}};
/* ]]> */
</script>
<script type=’text/javascript’>
/* <![CDATA[ */
var itsec_file_change_warning = {“nonce”:”7fb13c8ba7″,”url”:”http:\/\/www.topjobbewerbung.com\/wp-admin\/admin.php?page=toplevel_page_itsec_logs”};
/* ]]> */
</script>
<script type=’text/javascript’>
/* <![CDATA[ */
var strong_password_error_text = {“text”:”Sorry, but you must enter a strong password.”};
/* ]]> */
</script>
<script type=’text/javascript’>
/* <![CDATA[ */
var userSettings = {“url”:”\/”,”uid”:”3″,”time”:”1397116302″};/* ]]> */
</script>
<script type=’text/javascript’ src=’http://www.topjobbewerbung.com/wp-admin/load-scripts.php?c=1&load%5B%5D=jquery-core,jquery-migrate,utils,json2&ver=3.8.1′></script>
<script type=’text/javascript’ src=’http://www.topjobbewerbung.com/wp-content/plugins/getresponse-integration/js/getresponse-custom-field.src-verified.js?ver=3.8.1′></script>
<script type=’text/javascript’ src=’http://www.topjobbewerbung.com/wp-content/plugins/akismet/akismet.js?ver=2.6.0′></script>
<script type=’text/javascript’ src=’http://www.topjobbewerbung.com/wp-content/plugins/better-wp-security/modules/free/file-change/js/admin-file-change-warning.js?ver=4028′></script>
<script type=’text/javascript’ src=’http://www.topjobbewerbung.com/wp-content/plugins/better-wp-security/modules/free/strong-passwords/js/strong-passwords.js?ver=4028′></script>
<!–
Debugging Info for Theme support:
Theme: Enfold
Version: 2.6
Installed: enfold_2_6
AviaFramework Version: 1.8.8
AviaBuilder Version: 0.6
ML:128-PU:47-PLA:13
–>
HI there! I was wondering if there’s any issue to fixed this, I used regenerate thumbnails but to no avail.
(www.pitstoptyres.com.sg/good-friday-tsw-clearance-stock-specials/)
Current css settings:
.fullsize .big-preview.single-big {
width: 395px !important;
height: auto !important;
right: -35% !important;
}
Cheers!
Hi, i’m trying to add a gallery to a post and the thumbnails are not aligning right – https://www.evernote.com/shard/s55/sh/a133551e-2450-4905-b300-2ec1a411c0ab/30119c0018c8dfc69db0b08e69437e05/deep/0/Tripadvisor-Top-25-Destination-for-2014—Photobek.png
Is there a way to fix this so that all thumbnails will be the same size?
Thanks.
AnonymousInactive
Hi,
need your help.
As an example: http://www.medienvirus.de/
I would like to have the header as here!
The links in the middle and left the logo.
Telephone and e-mail I would like to have in this style also this line disappears when scrolling.
Only I would like the top right just a Facebook icon have.
Thank you very much
LOVE GREETINGS
I am trying to embed a Vimeo video in a simple post and use the autoplay option.
Using the embed video button this is the shortcode I get : [av_video src='https://vimeo.com/73961982' format='16-9' width='16' height='9']
This way the size of the video works fine and resizing too but adding autoplay=1 won’t work as this option only works using the embed code provided by vimeo where includes the iframe block.
In order to autoplay the video I can only use this code :<iframe src=”//player.vimeo.com/video/73961982?autoplay=1″ width=”500″ height=”281″ frameborder=”0″></iframe>
The problem with this code is that the size of the video is not the proper one (I have the black columns on the sides). Is there a way to change width=”500″ height=”281″ to format=’16-9′ width=’16’ height=’9′ so I can get the same results with the size ? I guess “format=16-9” is a special parameter from avia builder.
How can get something like this [av_video src='https://vimeo.com/73961982?autoplay=1' format='16-9' width='16' height='9'] but using iframe so the autoplay works properly ?
Thanks a lot.
hey yigit
thanks a lot
did i have to do something with the media queries? like here? http://pastebin.com/5btzYhSg
you helped me a lot. thank you very much.
the TOP where the social media and phone numbers are has a transparent background. It went wrong with CSS one day. Is it easy to get it solid white again?
Thanks a lot!
Hey!
I would like to avoid the image being
cropped in the window that opens when you click on it from the portfolio grid – Is this even possible
it seems like the images on the enfold demo are also cropped so maybe I am asking the impossible?
Are you using the ajax portfolio? If yes the theme will not use the single-portfolio.php template I mentioned here https://kriesi.at/support/topic/how-can-i-make-the-title-for-each-portfolio-entry-18-point/#post-245059 but it will use a special html template which is loaded with js/ajax. Open up wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio.php and replace:
$params['style'] = "big_thumb";
with
$params['style'] = "big_thumb";
$params['preview_size'] ='full';
$params['crop_big_preview_thumbnail'] ='avia-gallery-big-no-crop-thumb';
Best regards,
Peter
Hey philreece!
Thank you for using the support forum!
Please add this on Quick CSS or custom.css:
.avia-menu-fx {
bottom: 19px;
}
.main_menu .menu ul {
top: 160px;
}
I hope that helps.
Best regards,
Ismael
Hey!
I’m sorry for the delay. We’re still investigating the issue. You’re having the same problem with this one and deactivating a plugin fix it for him. I hope the same thing can fix it on your end.
https://kriesi.at/support/topic/ipad-and-iphone-page-links-not-working-urgent-unresolved/
If that doesn’t work, please add this on Quick CSS or custom.css:
@media only screen and (max-width: 989px) {
.avia-section {
background-attachment: scroll !important;
}
}
Regards,
Ismael
Hey!
Ja, ich empfehle den Elementen in den Spalten eine “Custom CSS” Klasse zu geben – siehe: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ und dann verwende diese Klasse um die Hintergrundsfarbe der Elemente zu ändern (zB verwende die Klasse “colored_posts” und füge diesen Code in das Quick CSS Feld ein.
#top #wrap_all .colored_posts{ background-color: #333; }
Cheers!
Peter
Issue fixed with
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 6% !important;
}
You may close the thread now :) Thank you! For anyone facing this problem you could do a fix with this resolution and changing the size of the thumbnails with width % !
Hey!
But if you’re not using WPML how do you want to translate the website? I.e. you can’t select a different blog page without WPML and you can’t simply add language flags to the menu. With WPML our themes will support both features out of the box – without WPML you must customize the theme files for the translation plugin you want to use but we can’t assist you with the customization.
You can increase the font seize of the secondary menu with:
#top .sub_menu>ul, #top .sub_menu>ul>li {
font-size: 13px;
}
I recommend to place the code into the quick css field or into the child theme style.css.
Cheers!
Peter
This reply has been marked as private.
Hi xpoveda!
Thank you for using the theme!
1.) Please add this on Quick CSS or custom.css:
.avia_iconbox_title:hover {
color: #000000;
}
2.) Edit search.php, find this code on line 52:
<?php
//get the sidebar
$avia_config['currently_viewing'] = 'page';
get_sidebar();
?>
Remove it if you don’t want a sidebar on the search page.
3.) Please add this on Quick CSS or custom.css:
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
margin: 0 auto;
max-width: 100%;
height: 50px !important;
top: 5px;
}
#header_main [data-av_iconfont="entypo-fontello"]:before {
font-size: 15px;
}
.responsive #header .social_bookmarks {
right: 45px;
}
#top .social_bookmarks li {
width: 25px;
}
}
Regards,
Ismael
Hi!
@jrgrigg: The solution is for the OP. I’m sorry about that. Can you please post the link to the website? I visited the link that you posted but it is different from the screenshot and the logo is ok there.
@Cheryl: Please add this on Quick CSS or custom.css:
@media only screen and (max-width: 767px) {
.responsive .mobile_slide_out .logo {
float: left;
left: 0;
-webkit-transform: translate(0, 0);
}
.responsive .logo a, .responsive .logo img {
margin: 0;
max-width: 100%;
height: 65px;
max-height: 65px;
top: 5px;
}
}
Cheers!
Ismael
Hi!
Can you check your website now? I have added custom CSS code to top of Quick CSS field. Also i have checked your custom CSS and there were some punctional mistakes. I fixed them but there are few curly closing brackets missing in it for media queries. Please place them accordingly http://pastebin.com/5btzYhSg
Cheers!
Yigit
The url is: http://www.windscreenreplacements.com.au/
I have added a phone number on the header graphic and I have moved the menu down however the blue hover bar has also moved and I need to shuffle that back up and also make sure that the sub-menu that appears under ‘information’ also moves back to where it should be. Can you please assist.
Hey!
Please adjust David’s code a bit and use it as following
#top .widget ul li.current-cat { background-color: #f5f5f5; }
Cheers!
Yigit