maybe this is the better link to the enfold demo page: http://kriesi.at/themes/enfold/portfolio/

Above the Portfolio links there is a line with select option : (These are the portfolio categories; or in case of category – the category names)
click on one option (CSS)

I think this is what you want to obtain.

• This reply was modified 7 years, 5 months ago by Guenni007.

again : you have to upload an image in that quality you like to optain.
your image now is 80px x 80px – as our code did – he takes the full-size image but than scaled it up to the given 200px x 200px

see your source code : (click to enlarge)

your image (full-size) what you used for it is: https://www.westend.com/wp-content/uploads/westend_london_pin-1.png

so upload a sqaure image ( a png – must not be centered but obviously had to be square) bigger than 200×200 and take that for your marker !

Allthough this is an old thread – i will give some advice using text-indent: google does not like that – because some uses it to implement text or “meta” infos to websites without concerning to the content. Sometimes they rank that pages back. Bad SEO !

give your text-block element a unique custom class f.e. “centertext”
(don’t know if this is in the meanwhile on default aktivated – if not do this into your functions.php of your child-theme:

add_theme_support('avia_template_builder_custom_css');

than you have the oportunity to give most of the alb element a unique class and you can select those text-block elements now via your custom class above :

.avia_textblock.centertext p {
text-align: center !important;
}

if you only want to have it only for one or two text-block elements use the text-block editior to center your text by the inline css.

das ist als Ersatz für das gedacht gewesen, was du als nicht praktikabel hieltest. Also bitte die andere funktion löschen.
Du hast wahrscheinlich noch beide Sachen drin, wenn du zwei gleiche Funktionsnamen hast, dann passiert das. (
lade dir die functions.php via ftp runter – ändere den Funktionsnamen um zB

add_action( 'ava_after_main_container', 'header_widget_area1' );
function header_widget_area1() {
  dynamic_sidebar( 'header' );
}

oder wie gesagt die eine Sache von deinem link oben löschen. Funktionsnamen immer nur einmal nutzen.

es gibt bei den ALB (advanced layout builder) inhaltselementen ein “Benutzerdefiniertes Widget Area” damit kannst du individuell ein Widget oben im Content platzieren.

global: (ich denke jetzt mal wieder englisch)
if you are working with a child-theme, then instert into functions.php of child-theme:

add_action( 'ava_after_main_container', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
  dynamic_sidebar( 'header' );
}

goto widget and create a new widget area called “header”
this container is the first one in main – and above all sliders etc.

are you able to copy&paste ?
can you please test it with absolut path

this is what you did:

@font-face {
    font-family: "IRANSansWeb-Light";
    src: url("IRANSansWeb-Light.eot?#iefix") format("embedded-opentype"), url("IRANSansWeb-Light.woff") format("woff"), url("IRANSansWeb-Light.woff2") format("woff2"), url("IRANSansWeb-Light.ttf") format("truetype"), url("IRANSansWeb-Light.svg#IRANSansWeb-Light") format("svg");
}
@media only screen and (min-width: 768px) {
@media only screen and (max-width: 767px) {
}
}

the media queries are corrupted (curved brackets are not the way i did – open/close )

here stops my help now. I can not anymore.

• This reply was modified 7 years, 5 months ago by Guenni007.

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 ?