Hi Victoria,

It seems putting that script in the quick CSS worked!

However, it does not seem like the % is having any impact. We want a decent margin on the left and right, but we didn’t want it to be soo narrow. Basically we would like the content+sidebar to be about 80% the width of the browser window so it doesn’t seem like the content is reaching end to end. I tried changing it to 50% just to see if it would change anything, but the content still stayed just as wide.

Currently i have in my quick CSS:
#footer .container {
max-width: 40%;
}
#top #wrap_all #av_section_1 .entry-content-wrapper h1.av-special-heading-tag {
text-transform: none;
}
.special_amp {
font-family: sans-serif;
font-size: inherit!important;
font-style: inherit;
font-weight: inherit!important;
color: inherit!important;
}

Shouldn’t adjusting that width % have some impact on what is being rendered?

My apologies if my descriptions are confusing.

Dear Support,
I’m sure, that is a misspelling of code and defined css code.
For my understanding is this a bug. Other elements like text block or slide show have similar options and at this elements the markup working fine and as expected.

I have added screenshots

View post on imgur.com

View post on imgur.com

The inherit-rule for font size breaks the rule. All other elements like text block have font-size: 100 %, but no font-size inherit.
Only: Font:inherit; is there. But not font-size!!!
And about responsive headings and longer words, we had discussed 2 years ago. A h1 at a 28″ display should have another style as a h1 at a 430px mobile. But it’s ok now. At every client, i must copy the same manual css responsive code.

And I’m not happy about that: This three Topics are mentioned since 2014. And nothing is happen.
10 month ago. The Dev of “Tooltip pro” has mentioned, Enfold have some open div-strings in your code and “tooltip pro” close this automatically – caused to work fine at all themes around the world. Vice versa, both are not compatible and makes error. A small fix was delivered by the dev and it were easy to implement this. Nothing is happen. This occur at my side and at two of my clients which are also use Enfold.

https://kriesi.at/support/topic/sidebar-issue-when-using-cm-tooltip-glossary-pro-plugin/

I must also make a compliemnt for the new minification of code. Most of my enfold clients running now at good levels. Only if they use Coutube videos, than the values are rotten again. Caused by youtube code. I can only mention again: please load only a static picture from youtube embeeded video and load script only, when a viewer like to watch the video.
Please take a look at “lazy-load for videos” from kevin

I have tried to use this in combination with enfold. But it works not fine. But the loading time of the page was a hald (reduced from 4s to 1.8). Only with the plugin.

Best

S.

Hi Rikard!!

It’s in the posts and only gets attached to the shortcodes (all of the shortcodes and all of the posts. Please let me know if this helps or if you need anything else.

text text text
[av_sidebar widget_area='LCOL1R-BAS' av_uid='av-p80oafh']
text text text
[av_button label='Check Out the Photo Gallery' link='manually,https://bodasyweddings.com/choosing-a-wedding-bouquet-how-pick-bridal-flowers/2/' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='pink' custom_bg='#444444' custom_font='#ffffff' custom_class='' admin_preview_bg='' av_uid='av-os3e019']

[av_masonry_entries link='category,242' wc_prod_visible='' prod_order_by='' prod_order='' sort='no' items='3' columns='3' paginate='none' query_orderby='date' query_order='DESC' size='fixed' orientation='av-orientation-portrait-large' gap='large' overlay_fx='' id='' caption_elements='title' caption_styling='' caption_display='always' color='' custom_bg='' av-medium-columns='' av-small-columns='' av-mini-columns='1' custom_class='' av_uid='av-netnelp']
<h3>Discover More Stunning Wedding Ideas</h3>
[av_sidebar widget_area='googlerelated' av_uid='av-msr4ft9']

[av_hr class='custom' height=’10' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#7bb0e7' custom_margin_top=‘5px' custom_margin_bottom='5px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-m84mral']

[av_one_half first av_uid='av-lzgjbzh'][av_sidebar widget_area='LCOL2EOA' av_uid='av-l6k8mod']

[/av_one_half]

[av_one_half av_uid='av-ksg10p9'][av_sidebar widget_area='MCHNewsletterE' av_uid='av-khx6wh9']

Warmly,

Havi

I am in Enfold Theme Options > General Layout > Stretch setting has been enabled. But Footer does not stretch?
Also updated the font size in the theme options and the font sizes does not change on the site.

Hi Guys,

I am opening this support thread since this client has 2 the same site in 2 languages. you helped me figure out these issues in the Hebrew site and i am trying to implement them on the English site with the exact same solutions and code and it dosent work.
here are the problems i am having:
1. I created an image slider which i would like to appear on mobile only. i tried hiding it on desktop in 2 ways. one via the screen option tab and the second using the css method. Both didn’t work, it still shows on desktop.
2. underneath the image slider there is a color section with a video background which i would like to hide on mobile and show on desktop only. i tried hiding it with the css method as explained in this link: https://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ but it dosent work, the video still shows on mobile.
3. I am trying to enlarger the social icons on the socket area. i used this code in the quick css and it dosent work:
#socket .social_bookmarks li a {
width: 50px !important;
height: 50px !important;
font-size: 18px !important;
}
4. i would like to canter the logo on mobile devices only. i used this code in the quick css and it dosent work:
@media only screen and (max-width:767px) {
.responsive #top .logo {
width: 100%;
}

.responsive .logo img {
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.responsive .logo a {
display: inline-block;
vertical-align: middle;
}

.responsive .logo {
position: relative;
display: block;
width: 100%;
text-align: center;
}
}

Since these codes are working on the Hebrew site i am getting a feeling the quick css area dosent apply the changes, but i am not sure and would appreciate your help on these issues.
Thank you very much

Ok, and what is the parent element? Nothing. p=12px, at no place defined. I can select h3 or something else: The font size is everytime p=12px. If i want define different rotators, i must define unlimted rules for every rotator with responsive font sizes.
font-size: inherit; makes no sense. If i deactivate this via dev console, the font size is as expected.

• This reply was modified 7 years, 11 months ago by Hokuspokus.