what makes me wonder is that you haven’t eot itself and woff2 – nevertheless try this please in custom.css
Edit why don’t you tell us not the whole truth – you got woff2 and eot – this is important too!
1) i see you inserted again a relative path ( the path to the enfold root direktory is something different than what you did)
The root directory of enfold is not the root directory of your url

2) Custom.css is the right way – but you inserted it in the mediaquery part.
this is not needed. place the @import rule above
so delete everything in this file and insert:

@font-face {
 font-family: 'IRANSansWeb-Light';
 src: 	url('http://malekzadegan.com/wp-content/themes/enfold/fonts/IRANSansWeb-Light.eot');
 src:	url('http://malekzadegan.com/wp-content/themes/enfold/fonts/IRANSansWeb-Light.eot?#iefix') format('embedded-opentype'),
 		url('http://malekzadegan.com/wp-content/themes/enfold/fonts/IRANSansWeb-Light.woff2') format('woff2'), 
 		url('http://malekzadegan.com/wp-content/themes/enfold/fonts/IRANSansWeb-Light.woff') format('woff'), 
 		url('http://malekzadegan.com/wp-content/themes/enfold/fonts/IRANSansWeb-Light.ttf')  format('truetype'),
 		url('http://malekzadegan.com/wp-content/themes/enfold/fonts/IRANSansWeb-Light.svg#IRANSansWeb-Light') format('svg');
 }

@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
}

and by the way you entered it in the enfold style css ?

/*
* PLEASE DO NOT EDIT THIS FILE!
*
* This file is only in your themefolder for WordPress to recognize basic theme data like name and version
* CSS Rules in this file will not be used by the theme.
* Instead use the custom.css file that is located in your themes /css/ folder to add your styles.
* You can copy a style rule from any of your css files and paste it in custom.css and
* it will override the original style. If you just want to add small css snippets you might also
* want to consider to add it to the designated CSS option field in your themes backend at: Theme Options->General Styling
*/

and the real code you entered is:

@font-face {
 font-family: 'IRANSansWeb-Light';
 src: url('IRANSansWeb-Light.eot?#iefix') format('embedded-opentype'), 
 url('IRANSansWeb-Light.woff') format('woff'), 
 url('IRANSansWeb-Light.ttf')  format('truetype'),
 url('IRANSansWeb-Light.svg#IRANSansWeb-Light') format('svg');
 }

so font-family has to be determined as: IRANSansWeb-Light

where exactly is your fonts folder with the IRANSansWeb-Light ?

Ok – then I wish you all the best and an understanding customer.
Good luck

this is unusual – because i think it is on default install activated.

well this is something i would do via enqueue scripts:

download those files ( so long you do not edit the code – take the minified one)
upload it to your child-theme/js folder and do this to your functions.php file of your child-theme

function include_barcode_js_file() {
   wp_enqueue_script( 'barcode', get_stylesheet_directory_uri().'/js/jquery-barcode.min.js', array('jquery'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'include_barcode_js_file', 100 );

but would you accept to do with it? – it is not a plugin. its just pur script code?

the point of it is that on this masonry some elements got both classes (tag-landscape and tag-portrait) – f.e. in your enfold link above the first left image. These are double height and double width.

Overlay with title : second tab of your masonry options : Element Captions – here you can choos on “Element Title and Excerpt Styling” :
“Display as centered overlay” the field above is for only show titles

No – erase the cache!

copy / past it to your url window:

chrome://settings/clearBrowserData

and why can i see your testsite working?
https://www.westend.com/shopping/savile-row/alexander-mcqueen/#category-map

click to enlarge:

i think – no – just try it with other sizes. The only thing is if you want a marker placed it has to be a png – and a somewhat looking pointer (arrow etc)

the easiest way would be to edit the shortcode google_maps.php in shortcodes folder
on array id imagesize you have to insert one line:

since line 118:

array(
"name" 	=> __("Custom Map Marker Image Size", 'avia_framework' ),
"desc" 	=> __("How big should the marker image be displayed in height and width. ", 'avia_framework' ),
"id" 	=> "imagesize",
"type" 	=> "select",
"std" 	=> "40",
"required" 	=> array('marker', 'not', ''),
"subtype" => array(

	__('20px * 20px',  'avia_framework' ) =>'20',
	__('30px * 30px',  'avia_framework' ) =>'30',
	__('40px * 40px',  'avia_framework' ) =>'40',
	__('50px * 50px',  'avia_framework' ) =>'50',
	__('60px * 60px',  'avia_framework' ) =>'60',
	__('70px * 70px',  'avia_framework' ) =>'70',
	__('80px * 80px',  'avia_framework' ) =>'80',
	__('200px * 200px',  'avia_framework' ) =>'200',

),),

how to use shortcodes on child-theme:
create a subfolder on your child-theme called shortcodes
insert this to your functions.php of your child-theme:

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}

then the new uploaded shortcode will be active – and not the parent shortcode

btw: i dont know if all those custom-markers get the class: gmnoprint
but if you want this image an alternative to the bubble you can get rid of click event by:

.gmnoprint {
    pointer-events: none;
}

https://webers-testseite.de/weber/

click the images to enlarge
first of all if you do not need the shrinking option it is not so complicated as it seems
Insert as usual a logo to the enfold options.

you have to go to dashboard – appearance – menus

insert a home link. On top right of the dashboard window – there is a slide out option called “Screen Options” Press it.
Here you have some settings. Please mark the css classes.

If you click on those littel arrows besides the menupoints you can insert different things now:

On Navigation label you can insert the image link now something like:
<img src="https://url.com/logo-top.png" alt="Logo" />
On css classes : logoimg
You only are in the midpoint if you have odd number of menupoints.
We now have to get rid of the logo container
Quick css:

.logo, .logo a { display: none }
.logoimg img { width: auto ; max-height: 172px }
.container.av-logo-container { position: absolute }
.logoimg .avia-menu-fx { display: none }
#av-burger-menu-ul li:nth-child(4) { display: none }

the last rule is to have not the menu-point on burger menu
you have to count what menu-point is your logo (here it is on 4th position of the menu)

and to have the normal logo on responsive case:

@media only screen and (max-width: 768px){
.container.av-logo-container { position: relative }
.logo, .logo a { display: block }
}

___________________
with shrink option :

we have to use the function avia_header_size() of avia.js
the code to see is on pastebin: look
download it as js file: download

you see on line 61 (original it is 1551 on avia.js) of my code that i get rid of the not mobile option.
i set on line 47 : navlogo = $('.logoimg img'), and
on line 92 i added this code: navlogo.css({'maxHeight': 1.72*newH + 'px'});

these values you can play with. I have on my testinstallation a 100px custom height of the header
my logo is 172px hight – so my factor here is 1.72

upload that menu_logo.js file to your child-theme js-folder (create a subfolder in childtheme called : js
loading the script above in enfold open your functions.php via dashboard – appearance – editor and insert:

function include_menulogo() {
   wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/menu_logo.js', array('jquery', 'avia-default'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'include_menulogo', 100 );

now the “logo” of your menu shrinks on scrolling.

• This reply was modified 7 years, 1 month ago by Guenni007.