Hi,
as you can see from the link, the pricing row font is way to big for the table dimensions, and do not shows all the content of the cell in standard desktop view dimensions
How can I modify the font, or automatically resize it according to screen dimension?
Thanks
JG
Until one of the last two updates buttons containing our vimeo links opened perfectly fine in a lightbox. Now they suddenly stopped doing that and instead seem to redirect to the external page. This causes error messages on all our demo videos because they are not allowed to be viewed externally for legal reasons. The buttons look like this:
[av_button label='Video ansehen' link='manually,https://player.vimeo.com/139962191' link_target='' size='medium' position='left' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='uf04b' font='fontawesomeregular' color='custom' custom_bg='#00abef' custom_font='#fafaf5' custom_class='']
Strangely we do have one vimeo link in an icon which continues to open the video in a lightbox just fine. The icon code looks like this:
[av_font_icon icon='uf04b' font='fontawesomeregular' style='' caption='' link='manually,https://player.vimeo.com/140062646' link_target='' size='80px' position='center' color='00abef' custom_class=''][/av_font_icon]
Can you please help us to fix this as soon as possible. We are already receiving messages from customers that they are not able to watch the videos. Thank you very much.
Hello anyone,
my normal choosen Content / Sidebar Ratio is 80% / 20% and Content + Sidebar width is choosen 82%!
I want to change this ratio ONLY for my logo area and main menu on the desktop version, so that i can set it individually how much space is from my logo and main menu the the border of the display, so I get a little bit more space to add 1 or 2 more main menu links, without reduce the logo or font size!
Hope that this is possible and you understand what I mean and if it is possible it brings no problems on the mobile version!
My website is http://www.ihr-personaltrainer.at
Thanks a lot!!! :)
Hey!
Add this to your custom CSS.
#ship-to-different-address { font-size: 15px !important; }
Cheers!
Elliott
Hey modernme!
If your CSS is not getting applied then try using !important override like so.
a { color: red !important; font-size: 12px !important; }
Cheers!
Elliott
HI Ismael,
thx for youre quick response.
i meant SIDEBAR LEFT and Content Alignment left too by stretched layout.
like you can see in my test installation … login data is posted below for you to check.
and the bug is still there … WHY?
I still cant set 2 different background colors for logo area and main content area.
NO plugins installed … and enfold is on a fresh installation. nothing changed with css.
all is clean but bug still there. this must be a enfold problem. or?
i removed this code from quick css and the problem turns back
.container_wrap.container_wrap_first.main_color.sidebar_right:after {
visibility: hidden;
display: block;
font-size: 0;
content: ” “;
clear: both;
height: 0;
}
-
This reply was modified 10 years, 5 months ago by
ak-muc.
In Quick CSS, look for:
.template-blog .post-title {
font-size: 25px;
Replace it by:
.template-blog .post-title {
font-size: 25px;
}
Hi Team,
I meant to increase the font size of the following, http://screencast.com/t/F7XA4cDsvLL
Hi Team,
How can i increase the font size for woocommerce?
Hi!
I can’t read the German text in the screenshot but I think the CSS your wanting is this.
.av-masonry-entry-content { font-size: 10px !important; color: red !important; font-style: none !important; }
Regards,
Elliott
i try this but not work yet :
[iphorm_popup id=”1″ name=”CT01″][av_button label='Click me' link='' link_target='' size='small' position='center' icon_select='yes' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff'][/iphorm_popup]
it’s quform pop up shortcode:
[iphorm_popup id=”1″ name=”CT01″]test[/iphorm_popup]
when i change test with icon shortcode it work fine and popup open, like this:
[iphorm_popup id=”1″ name=”CT01″][av_font_icon icon='ue800' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color=''][/av_font_icon][/iphorm_popup]
but when i use button it not work and only page refreshed:
[iphorm_popup id=”1″ name=”CT01″][av_button label='Click me' link='manually,http://' link_target='' size='small' position='center' icon_select='yes' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff'][/iphorm_popup]
i don’t add custom Css and i work locally.
Hallo Andy,
dass Du das siehst, wundert mich sehr, da ich diesen Code nicht drin habe.
Im CSS-Feld habe ich folgende Codes drin:
@media only screen and (min-width: 767px) {
.logo {
margin-left: 17px;
}}
.toggler {
border-color: #919191 !important;
}
.main_color .toggle_content {
background: #f1f1f1;
}
.toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
border-color: #e87818;
}
.js_active .active_tab_content {
background: #7a7a7a;
}
.js_active .active_tab {
background: #7a7a7a;
font-size: 13px;
}
.current-menu-item > a { color: #e67918!important; }
span.av-masonry-date {
display: none;
}
.avia-menu-fx { display: none !important; }
.sub-menu { border-top-color: transparent !important; }
.entry-content a {
links: underline! important;}
—-
Der von Dir genannte ist nicht dabei. Zudem ändert das leider auch nicht die Position des Logos auf mobilen Endgeräten. Und der Slider ist immer noch fehlerhaft…
Ein weiteres Problem besteht bei der alphabetischen Sortierung unter dem privat hinzugefügten Link. Marketing-Mix sollte vor den anderen Titeln mit M stehen.
Grüße
hello, thank you for the quick answer!
changing font-size works but not text-align:center
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.phone-info { text-align: center; font-size: 20px; }
If that does not help, please post the link to your website and a screenshot showing the changes you would like to make.
Cheers!
Yigit
great! and where can i style it – color, position:center, font-size etc?
Hello, I am trying to insert some contact info at the top of my site.
Some time ago you gave me these indications to do it:
If you are wanting to add a widget area to your header then add this to the bottom of your functions.php file.
add_action( ‘ava_after_main_menu’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}
Depending on what your trying to do some CSS code will be required. If you want the widget area to be centered in the header then add this to your custom CSS.
#header .widget {
left: 90%;
padding-top: 50px;
position: absolute;
top: -150px;
transform: translate(-50%);
width: 405px;
}
And then navigate to Dashboard > Appearance > Widgets and create a new widget area named header and add some widgets to it.<div>
<div style=”float: left; font-size: 22px;”>Tel. 913 565 225 </div>
<div style=”float: left; font-size: 22px; color: white”> – -</div>
<div style=”float: left;”>[av_button label='CITA ONLINE' link='' link_target='' size='small' position='center' icon_select='yes' icon_hover='' icon='' color='theme-color' custom_bg='#0068ad' custom_font='#ffffff'] </div>
</div>
The true is that if I follow your instructions everything is fine, but I finde two problems:
1) The sites is not responsive anymore at mobile devices
2) in some navigators is not displayed correctly, for example in firefox works fine, but not in safari.
I want to send you screenshots, but I can´t.
Looking for your reply, Thank you Carmen
Exactly.
But I want to be able to reduce the font size only to the resolution (iPad portrait), without the need to write lot of css. I want to be able to set different font sizes for different responsive devices in “Advanced Styling”
My drop down menu font and spacing on my website is a bit too big (doesnt fit on page) I had a server error and had css in to fix this before but now it is back to what it was like originally.
I would like to decrease font size and the padding between sub menu items
I have tried
.sub-menu{
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.sub-menu li > a {
font-size: 10px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.avia_mega_div .avia-bullet{
margin-top: 8px;
}
.avia_mega_div .avia-bullet { margin-top: 9px; }
#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0px 12px 0px 12px; }
and nothing has happened, cleared cache etc
Hey Hamdi!
1.Please insert the below css into your custom css section:
.iconbox .iconbox_content p {
text-align: left !important;
}
2. Please insert the below css into your custom css section and adjust to your liking:
.page-id-18 #top h3 a{
font-size: 24px !important;
}
.page-id-18 .article .av-magazine-entry {
font-weight: 700 !important;
font-style: italic !important;
}
3. The formatting in the screenshot is too specific for css alone, you would need to enlist the aid of a freelancer to perform custom modifications to the theme.
Cheers!
Dake
Hey!
Add this to your custom CSS.
@media screen and (max-width: 767px) and (min-width: 990px) {
h3.iconbox_content_title {
font-size: 13px !important;
}
}
Best regards,
Elliott
Hi!
It doesn’t look like there is enough width there. Would you like to try reducing the font size?
Best regards,
Elliott
Hi talelie!
You could use CSS to hide elements on mobile / desktop but it would probably be better to just use CSS to change their font size.
@media screen and (max-width: 767px) {
}
Add your CSS inside that and it will only be applied on small screens.
Regards,
Elliott
Hi handelsmann!
Would be best for us if you separate each question into different tickets. Thank you!
Add this code to control image height and width:
@media only screen and (max-width: 767px) {
.avia-slideshow li img {
width: 350px;
max-width: 350px;
height: 200px;
}}
For caption on mobile use this code:
@media only screen and (max-width: 767px) {
.avia-caption.av-slideshow-caption.active-slide {
width: 75%;
font-size: 9px;
}}
and adjust as needed.
If you want to hide captions on mobile completely, use this code instead:
@media only screen and (max-width: 767px) {
.avia-caption.av-slideshow-caption.active-slide {
display: none;
}}
Best regards,
Andy
Hi again,
It’s not a caching issue as that has been done multiple times and I’ve also tried from other units as well.
Also, what is wrong with this code?
I want to use hyphens when the screen resolutions is below let say 1050px since my headers are a bit big/long for smaller screens.
The goal is to transform the H1 headers primarly for tablets and shrink the size from 36.1 to approx. 24.
@media only screen and (max-width: 1050px) {
.template-page .entry-content-wrapper h1 {
font-size: 24px !important;
word-break: break-all;
-webkit-hyphens: auto !important;
-moz-hyphens: auto !important;
-ms-hyphens: auto !important;
hyphens: auto !important;
}
}
If I use the code below, it works fine, but it doesn’t take the screen resolutions in mind (obviously)
h1 {
font-size: 24px !important;
font-size: 24px !important;
word-break: break-all;
-webkit-hyphens: auto !important;
-moz-hyphens: auto !important;
-ms-hyphens: auto !important;
hyphens: auto !important;
}
Hi,
I need different font size in desktop than on mobile,
is there a way to create content that will be shown only on mobile and the other way?
Thanks
Tal
Hey!
1. This is the expecting behavior. If you want to prevent this from happening, then you would need to define a unique css class for the elements in question. Then you can use your new unique css classes instead of the ones Ismael provided to you. To turn on custom css fields for all alb element follow these instructions: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
2. The new elements (css classes) Ismael provided for you captions need to be styled. For example:
.event-date {
position: relative;
top: -90px;
font-size: 7px !important;
}
Adjust as needed and do something similar for the other classes of your captions as well.
Regards,
Andy
workaround:
<p style="text-align: center; margin-top: -10px">
<span style="font-size: 18pt;">
<strong>$4.50</strong>