Page 387 – Support | Kriesi.at – Premium WordPress Themes

Hi Yigit, thanks for the quick reply.

1. after adding the code below, all the font will change to black color and font size will same as the special heading size setting which is not same as my advanced styling setting color and font size. May i know how to solve or i have to edit the font color and size in every single special heading.

@media only screen and (max-width: 480px){
h1.av-special-heading-tag {
font-size: 23px!important;
}

2- Which background image are we talking about here? Could you please elaborate :)
– for the ‘ BENEFIT ‘ special heading background which i have selected ‘ center center ‘ for the background image position is nice but when it comes to mobile screen the fruits background cover the font. May i know how to assign the background image position to ’ center left ’ for mobile screen and remain ’ center center ’ for the desktop screen.

3..Please turn on custom CSS field for ALB elements
– i have added ” add_theme_support(‘avia_template_builder_custom_css’); ” into public_html/wp-includes/functions.php and it came out with this error as below. May i know where should i place the code.

“Fatal error: Call to undefined function add_theme_support() in /home/beyounghealth/public_html/wp-includes/functions.php on line 12”

Thanks Team.

April 5, 2016 at 12:15 am #607965

Topic: css media queries for h1 – h6

in forum Enfold

bobfurgo

Participant

Hello. I am currently using media queries to adjust the font sizes and other elements for different devices. I attempted to create media queries for the headers but for some reason they do not work, even when I set the font size in the “advanced styling” header options to default. Is there a way to make it so that the media query css is recognized and put in higher priority over whatever the default setting is?

Thank you!

April 4, 2016 at 11:33 pm #607947

Topic: Different text block with different types of fonts

in forum Enfold

mleite1

Participant

I can use different text block with different types of fonts? I do not want to use only one source for the text block.

RESUME
I want to use text block with different types of formatting: different types of fonts, font size, color for each text block. How to individualize?
//////
LINK
http://www.liliansouza.com/assets/2016

LINK IMAGE
http://www.screencast.com/t/jCJBmmpBXUh

This topic was modified 10 years ago by mleite1.

April 4, 2016 at 10:40 pm #607928

In reply to: Reduce font size, change background img position and change font color

Hi tommytai!

1- Please add following code to Quick CSS in Enfold theme options under General Styling tab

h1.av-special-heading-tag {
    font-size: 20px!important;
}

2- Which background image are we talking about here? Could you please elaborate :)
3- Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your element and give it a custom CSS class (“your-custom-class” for example as i used in code below) and then add following code to Quick CSS in Enfold theme options under General Styling

.your-custom-class .av_toggle_section:nth-child(2) .toggler {
    color: yellow;
}
.your-custom-class .av_toggle_section:nth-child(1) .toggler {
    color: blue;
}

Best regards,
Yigit

April 4, 2016 at 10:08 pm #607903

In reply to: sidebar, footer and header styling

Hi!

2- Please add following code to Quick CSS

ul.nested_nav a {
    font-size: 14px;
    color: red;
}

4- Please go to Enfold theme options > Header and change header height to small and then go to “Extra elements” tab and choose not to display social icons.

Regards,
Yigit

April 4, 2016 at 5:15 pm #607754

Topic: Reduce font size, change background img position and change font color

in forum Enfold

tommytai

Participant

Hi Team, Good day

1. May i know how to reduce the special heading text size in mobile?

2. How to assign the background image position to ’ center left ’ in mobile mode and remain ’ center center ’ for the desktop mode.

3. How to change the accordion question font color like 1st question is in red color and 2nd question in purple. is it possible?

Thanks Team!! =)

April 4, 2016 at 4:37 pm #607730

In reply to: tabs

Hey!

1- I fixed the error. I believe that happened due to RTL. I changed direction to LTR and saved it and that helped
2- Please add following code to Quick CSS

.my-custom-tabs .tab_icon {
    font-size: 22px!important;
}

3- Unfortunately that would not be easily possible :/
Cheers!
Yigit

April 3, 2016 at 9:27 pm #607278

In reply to: Changing Fonts and Font Sizes

Jordan

Hi Derek!

Thanks for getting in touch with us!

In the Enfold theme options please go to Advanced Styling and select the different elements you wish to style. For example choose “H3” and you can edit the font type, color, and size for all h3 elements.

Let me know if you need further assistance.

Cheers!
Jordan

April 3, 2016 at 7:59 pm #607259

Topic: Graphics and fonts not stretching to full size

in forum Enfold

teachingwithamy

Participant

Hello, I am having 3 issues with formatting in the Enfold theme.

I have my page set up to 2000px wide no side bar, yet the graphics I created to this exact 2000px width are not stretching to the edges of the page. I have checked the setting on my computer screens.

Also, my blog post text seems to be squeezed to an invisible middle column – even though I have NO sidebars and pages set to 2000px wide.

Finally, I am using the code you gave me to remove the date from my blog post, but the date is still visible. This is the code I am using:
.blog .blog-meta a {
display: none !important;
}

Would you kindly please advise?

April 3, 2016 at 12:27 pm #607214

Topic: WPML switcher alignment

in forum Enfold

kazse

Participant

Hi there,

I would like to have the language switcher on the right side before the social icons, just like on the page below (GTmentor).
Currently i have the following in the quick css:

.language_flag img {
display: none !important;
}
.language_code {
display: block !important; font-size: 12px; color: #b0ada6;
text-transform: uppercase;
}
#top ul.avia_wpml_language_switch li {
margin: 0;
padding: 0 10px;
padding-top: 3px;
border: none;
border-left: 1px solid;
border-left-color: #e1e1e1
height: 13px;
}

I dont know if it is good, and it should be on the right side.

Thanks!

April 3, 2016 at 8:21 am #607157

Topic: Changing Fonts and Font Sizes

in forum Enfold

derek62

Participant

How can I change the fonts, font sizes and font line spacing in Enfold?

Thanks.

Derek

April 3, 2016 at 4:09 am #607104

Topic: Sub heading Special heading above

in forum Enfold

kbarranco

Participant

I am trying to change the subhead on the special heading above

/*=== I’m trying to figure this one out ===*/
.av-special-heading .av-special-subheading .av-subheading-above .av-custom-color{
text-transform: uppercase;
font-size: 22px;
}

Flewelling+Moody Architects

April 1, 2016 at 6:59 am #606507

Topic: Space above Table

in forum Enfold

webdesign

Participant

Hi,
I have a table and the spacing above the table is not consistent with spacing between other elements (such as between text block elements). I tried to force a margin of “0”, but that didn’t work. I am currently using this custom css in my child theme to affect the table elements:
table caption {
padding: 0 0 5px 0;
width: auto;
font-style:normal;
text-align: left;
font-size: 21px;
font-weight: bold;
color: #2c353d!important;
}

div .avia-table { margin-top: 0px; }

March 31, 2016 at 10:50 pm #606309

In reply to: Navigation showing filtered results incomplete

Use the following:

#top .inner_sort_button span {
    color: red;
    font-size: 22px;
    letter-spacing: 2px;
}

Modify as needed.

March 31, 2016 at 10:45 pm #606305

In reply to: Navigation showing filtered results incomplete

kbarranco

change font, change font size, change font color, letter spacing, etc….

March 31, 2016 at 9:54 pm #606267

In reply to: Social Icon Size

No Sass thing there, just plain CSS, the code to change the size could be simplified to (as it is already set in css/base.css):

.social_bookmarks [data-av_icon]:before {
    font-size: 31px;
}

Brackets in the CSS selector mean attribute, so we’re catching all elements with an attribute of data-av_icon="value" and the content property is fetching that value and using that as “content”, you can use content on pseudo-selectors :after and :before (it’s like creating HTML with CSS).

March 31, 2016 at 8:45 pm #606220

In reply to: Social Icon Size

Hey!

Try changing your code:

.social_bookmarks [data-av_icon]:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    content: attr(data-av_icon);
    speak: none;
    font-size: 31px;
}

Regards,
Josue

March 31, 2016 at 8:20 pm #606193

Topic: Social Icon Size

in forum Enfold

Michae1

Participant

Hi guys,

I’m trying to decrease the size of the Social Icons in the footer WITHOUT shrinking the mobile menu icons. I changed the font-size in the following class but it affects ALL of the sizes. How can I target JUST the Social Icon size?


[data-av_icon]:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    content: attr(data-av_icon);
    speak: none;
    font-size: 31px;
}

March 31, 2016 at 5:14 pm #606054

In reply to: not responsive on ipad

Hey!

I edited your text and gave it a custom class and then changed the code to following one

@media only screen and (max-width: 1024px) and (min-width: 767px) {
.ipad-span { font-size: 40px !important; }
#ipad .avia_textblock {
    max-width: 700px;
}}

Please review your website now

Regards,
Yigit

March 31, 2016 at 4:40 pm #606029

In reply to: Font of Enfold Demo

skayy

Thank you very much. And i like that the font in layer slider do not resize with browser (fix font size for all resolutions).

Thanks again, Kai

March 31, 2016 at 10:24 am #605754

In reply to: Size of Social Icon on the footer socket

Hey!

Remove this one:

[data-av_icon]:before {
    font-size: 25px!important;
}

And use the following

#socket [data-av_icon]:before {
    font-size: 60px !important;
}

Modify as needed.

Regards,
Josue

March 31, 2016 at 9:08 am #605720

In reply to: Menu dropdown (sub-menu) give opacity only to background color not text

millertimesites

I tried this solution to change the Full Width Sub Menu background and text color along with font size which all worked, but hover does not. It changed the background color of the entire drop down container instead of each item independently.

My current CSS:


#top .sub-menu { font-size: 17px;
    background: #1684b0 !important;
}
.sub-menu, .sub-menu * { background: transparent !important; }

#top .sub-menu:hover {
    background: #2e2e2e !important;

Thanks
Jon

March 31, 2016 at 4:47 am #605614

In reply to: Add Icon in exceprt field

Ismael

Moderator

Hey!

No problem. This is the html markup:

<span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

Cheers!
Ismael

March 31, 2016 at 2:32 am #605595

Topic: Enfold Layer Slider Loses Styling

in forum Enfold

smittypages

Participant

I was following this post:
https://kriesi.at/support/topic/advanced-layerslider-5-6-2-lost-styles-in-enfold-3-4-7-and-cannot-save-styles/

I, too, was experiencing the same issue:
– Edit a slider (adjust font sizes, colors, background, padding, etc., using the style control fields (not custom CSS))
– Click save and exit that slider
– Return to that slider and the styling specifications I set up are not saved

I just, today, updated Enfold to most current and it appears the Layer Slider is also most-current: (5.6.3).

Today I am still experiencing the missing styles after saving. I did notice, however, that this seems to happen on some sliders and not on others. When I have a specific TypeKit font specified “futura-pt” (with quotation marks) in the Font Family field and then save, then all of the styling and transition specifications for that layer get lost upon save and revert to default settings. If I specify a Google Font or other simple web-safe font, then the styles for the layer remain intact after saving.

So, I guess my question is: is there a way to use TypeKit fonts in the LayerSlider that also allows the styling to be saved? Or – do I need to call the font-family in a different way?

March 31, 2016 at 1:03 am #605576

In reply to: Add Icon in exceprt field

michael_world2cycle

Ismael,
One more time I need you assistance.
Can you please provide the HTML mark up for the following;
Hereby the sort coding;
[av_font_icon icon='ue8cf' font='entypo-fontello' style='' caption='' link='' linktarget='' size='10px' position='left' color='' custom_class=''][/av_font_icon]

I have created a tempory page.
Hereby the permalink;
Front end
http://world2cycle.com/test-page/

Back end
http://world2cycle.com/wp-admin/post.php?post=627&action=edit

March 30, 2016 at 10:24 pm #605505

In reply to: Magazine size

Hi krakers2015!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

.av-magazine-thumbnail {
    width: 85px;
    min-height: 85px;
}
.av-magazine-entry { 
min-height: 90px;
}
.av-magazine-content-wrap {
    min-height: 90px;
}
.av-magazine .av-magazine-content-wrap .av-magazine-title {
    font-size: 17px;
}

Regards,
Yigit

March 30, 2016 at 9:48 pm #605482

In reply to: not responsive on ipad

Munford

class name: ipad
code:
@media only screen and (max-width: 1024px) and (min-width: 767px) {
.ipad h1 span { font-size: 40px !important; }}

thanks for your help. Never had this problem before.

March 30, 2016 at 9:39 pm #605479

In reply to: Enfold: Featured Image with Custom Post Types (CPT) follow up

Tomeez