-
Search Results
-
In reply to: changing the size of the font in tabs
Add code to style.css in your child theme.
Tab Headers:
.js_active .tab {
font-size: 11px;
}Tab content font size is handled within the Enfold Settings, its a global font size setting.
Alternatively you can add this code to your style.css in your child theme:.active_tab_content .tab_inner_content {
font-size: 11px;
}to change the background {highlight} colour of the tab:
div .main_color .tabcontainer .active_tab {
background-color: #000;
}Hi
How do you change the size of the font in the tab headers and in the tab content? Also, is it possible to highlight the tab headers?
ThanksIn reply to: Drop down menu links over two lines
In reply to: font size menu problem
Hey!
Please try the following instead:
#top #header .mega_menu_title a { font-size: 11px !important; line-height: 11px !important; }Cheers!
RikardIn reply to: Increase Font Size in Table
Hi slui ;
Add a custom css class to your table, and target your table by adding it into your custom css file:
for example :.my-custom-table{ font-size: 16px !important;}here an image
In reply to: Getting Headings to be Responsive
Hey!
A media query is a special circumstance in CSS, like this: @media only screen and (max-width: 767px), that line is saying – do this only for screens 767px wide and smaller, so in your case, please try this:
@media only screen and (max-width: 767px) { h1 { font-size: 36px !important; } h2 { font-size: 24px !important; } }Play around with the values 36 and 24 until you find a font size that you are happy with.
Regards,
RikardTopic: Increase Font Size in Table
Hi,
I’ve had to resort to the use of HTML inside a text box to create a table. Here is the code:
<table> <tbody style="font-size: 16px !important;"> <tr> <td>Early aging fine lines & wrinkles</td> <td>Enlarged pores</td> </tr> <tr> <td>Hyperpigmentation & melasma</td> <td>Excess oil</td> </tr> <tr> <td>Sun damaged skin</td> <td>Hydration</td> </tr> <tr> <td>Age spots</td> <td>Puffy eyes</td> </tr> <tr> <td>Blackheads and whiteheads</td> <td>Rejuvenation; overall skin health</td> </tr> </tbody> </table>I would like to ask two questions:
1. Increasing font size – at the moment the “style” is not being recognized and as such the text is only being displayed at 13px instead of 16px.
2. Is there a better way than using HTML inside a AVIA text element to create a table?In reply to: Mobile Responsive issues on iPad Air 2
Hi Ismael,
Here you go. The menu in question is the fullwidth sub menu here
I’ve got the following CSS input already which fixes all other responsive issues for portrait viewing on an IPAD Air. Is there a CSS for the fullwidth sub menu to set a max width at 1024px?
@media only screen and (max-width: 1024px) {
.av-catalogue-price {
position: relative !important;
}}@media only screen and (max-width: 1024px) {
.av-catalogue-title {
position: relative !important;
}}@media only screen and (max-width: 1024px) {
.av-special-heading.av-special-heading-h1 {
font-size: 30px !important;
}}@media only screen and (max-width: 1024px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}In reply to: Responsive menu not showing after update
Hey!
I can’t find the first icons on your first screenshot. However, try to control the size using this in Quick CSS:
@media only screen and (max-width: 989px) { span.av-icon-char { font-size: 40px !important; }}and adjust as needed.
Best regards,
AndyIn reply to: Getting Headings to be Responsive
Hi Rikard,
Thanks for your response. Could you tell me what a media query is? Are you saying have an invisible image and just assign a font size to that image line of code?
Topic: Contact Form Popup
I’ve been making some changes to my website recently and suddenly a QuForm Popup stopped working
This is the Code which worked
[av_button label=' פנה אלינו' link='manually,#show-form' link_target='' color='custom' custom_bg='#00b2ff' custom_font='#ffffff' size='large' position='right' icon_select='yes' icon='ue80f' font='fontello'] [iphorm_popup id=1 name="Form"][/iphorm_popup] <script>// <![CDATA[ jQuery(document).ready(function ($) { $('a[href="#show-form"]').click(function () { $('.iphorm-fancybox-link').click(); return false; }); }); // ]]></script>This is the one that doesn’t work
[av_button label='יצירת קשר' link='manually,#show-form' link_target='' size='medium' position='center' icon_select='yes' icon='ue80d' font='fontello' color='custom' custom_bg='#19d823' custom_font='#ffffff'] [iphorm_popup id=2 name="Form"][/iphorm_popup] <script>// <![CDATA[ jQuery(document).ready(function ($) { $('a[href="#show-form"]').click(function () { $('.iphorm-fancybox-link').click(); return false; }); }); // ]]></script>Isn’t there an easier way to work with popup forms and Enfold ??
In reply to: Getting Headings to be Responsive
Hi!
I think the only solution for that is to decrease the font size, or add a media query just before it breaks and decrease the font size in that query only. Please let us know if you need any help in doing so.
Cheers!
RikardIn reply to: Issues with custom CSS not working
Here is some other code I cannot get to work:
**Homepage Slider font family**
div .slideshow_caption h2 {
font-family: ‘Open Sans’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif !important;
font-weight: 300 !important;
}**Full Width Footer**
#footer .container {
max-width: 95% !important;
}**Padding added to full width header**
.html_header_top #top .av_header_stretch .container {
width: 93% !important;
}**Edits to framed text on homepage slider, increasing framed boxes size**
.caption_framed .slideshow_caption .avia-caption-title {
padding: 100px 150px !important;
margin-left: -60% !important;
}Any idea why these are not working? I would really appreciate it if someone could take a look at the backend, because I believe I have the code correct but nothing seems to be taking effect.
In reply to: Remove grey in Partner/Logo Element
Hey!
Please review your website now. I have fixed some issues in Quick CSS field. Please see correct use of media queries and !important rule in my following example
@media only screen and (max-width: 768px) { body { font-size: 14px; } } body { font-size: 20px !important; }Cheers!
YigitIn reply to: Change font size of single blog post title
Hey lizybloom!
Please add following code to Quick CSS and adjust as needed
.single .post-title.entry-title { font-size: 20px!important; }Regards,
YigitIn reply to: Header Customization (main menu sub level links)
Yes, I want to remove the whole bar that says Google+. The text being cut off is no longer an issue because i removed the whole sub menu. As far as the main menu sub level links, it doesnt have the option in Enfold->Advanced Styling to change the actual font, just font size, color, etc..
Hi. I have used Firebug, but I can’t seem to find the right code to change the font size of the single blog post title. Can someone help please?
In reply to: Menu styling
Hey!
You can change the code to following one
#menu-item-35 .mega_menu_title { font-size: 16px !important; }That would change the font size of mega menu titles under Support menu item. You can right click on Chrome or Firefox to inspect elements to find menu item ID’s http://i.imgur.com/HyPTCRg.jpg
Regards,
YigitIn reply to: How to assign custom links to pages
Hey!
Yes, you can do so using media queries. For example, following code uses media queries to font issue, please add it to Quick CSS field
@media only screen and (max-width: 480px) { .av-image-caption-overlay-center { font-size: 15px !important; }}Cheers!
YigitHi!
Your titles are very long to fit inside the slider on mobile screens. There are two options that i can think of
1- Making font size even smaller, which would make captions very tiny – harder to read
2- Remove captions on mobileIf you would like to use second options, please use following code in Quick CSS
@media and screen (max-width:500px) { .avia-caption-title, .avia-caption-content p { display: none; } }If you would like to use first option, please adjust the font size in the code Elliott posted
Regards,
YigitHi Seelengaertner!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.recentcomments a, .widget_recent_entries li a { font-size: 18px; }Cheers!
YigitIn reply to: font size menu problem
Hey!
Please try adding !important rule as following
#header .mega_menu_title { margin-bottom: 5px; font-size: 11px !important; line-height: 14px; font-weight: 600!important; display: block; }Regards,
YigitHello
I am not sure when it happened but the font size on the site I am working on has increased across the site – menu, content, WordPress CMS etc. I would like the default font sizes back, not sure I have done anything to activate this, please advise.
Many thanks
KarenHi DROR!
Thank you for using Enfold.
Use this to add a border on top of the share section:
.single .av-share-box { border-top: 1px solid red; padding-top: 20px; }Use this to increase the font size:
h5.av-share-link-description { font-size: 50px; }Best regards,
IsmaelIn reply to: Content cropped on Responsive site
I have tried this and it does not work. Please have a real look at this. The site is responsive, but there are bugs. It seems that, when I use large font sizes or large special headings, content are adjusted to it. For now I have solved the issue by using images for the large headings instead.
In reply to: font size menu problem
Hey manoloyoda!
Thank you for using Enfold.
Use this in the Quick CSS field to modify the mega menu title:
#header .mega_menu_title { margin-bottom: 5px; font-size: 11px; line-height: 14px; font-weight: 600; display: block; }Cheers!
IsmaelTopic: font size menu problem
Hello,
I need to reduce the size of the font of the manu main manu when they have submenus. I can change in Advance settings the font size of the main and secondary links of the menu but not this. You can see on this screenshoot. I do not know if it is only problem with the font size or also with the paddings. You can see this menu of “Nuestras Ventanas” when you click is very large and not stetic.
https://docs.google.com/file/d/0B2CAIRYb4yBrcEg3LTZNdnRfTkE/edit?usp=drivesdk
Site:
http://www.regalosbajoprecio.com/Thank you
In reply to: Fullwidth Sub menu
Ok, encontre como cambiar la altura del fullwidth sub menu poniendo esto en mi archivo style.css del child theme:
#top .sticky_placeholder { height:30px; position: relative; clear:both; } #top .av-submenu-container { height:30px; position: absolute; width:100%; border-bottom-style: solid; border-bottom-width: 0px; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; font-size: 13px; /* line-height: 1.65em; */} #top .av-submenu-container .container{padding:0 !important;} #top .av-subnav-menu { margin:0; } #top .av-subnav-menu li {position: relative; display: block; margin:0;} #top .av-subnav-menu > li {padding:5px 0; display: inline-block;} #top .av-subnav-menu > li > a{padding:0px 10px 0px 10px; display: block; border-left-style:solid; border-left-width:1px;} #top .av-subnav-menu > li:first-child a{border-left:none;} #top .av-subnav-menu > li ul{visibility:hidden; position: absolute; width:200px; top:50px; left: 0; text-align: left; border-style: solid; border-width:1px; margin:0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }In reply to: Installing own fonts
http://iudica.me/about/iudica-schutz/ if you scroll down, you will see two code areas.
I also mentioned, that Pt Sans isn’t supported for bold, small and italic.
for example
my styles.css looks like
`/* Generated by ParaType Ltd (http://www.paratype.com)*/
/* Font PT Serif: Copyright © 2010 ParaType Ltd. All rights reserved.*/@font-face {font-family: ‘PT Sans’;
src: url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/pts55f_w.eot’);
src: local(‘PT Sans’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS55F_W.eot?#iefix’) format(’embedded-opentype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS55F_W.woff’) format(‘woff’),url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS55F_W.ttf’) format(‘truetype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS55F_W.svg#PTSans-Regular’) format(‘svg’);}@font-face {font-family: ‘PT Sans’;
font-style: italic;
src: url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/pts56f_w.eot’);
src: local(‘PT Sans Italic’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS56F_W.eot?#iefix’) format(’embedded-opentype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS56F_W.woff’) format(‘woff’),url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS56F_W.ttf’) format(‘truetype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS56F_W.svg#PTSans-Italic’) format(‘svg’);}@font-face {font-family: ‘PT Sans’;
src: url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/pts75f_w.eot’);
font-style: normal;
font-weight: bold;
src: local(‘PT Sans Bold’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS75F_W.eot?#iefix’) format(’embedded-opentype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS75F_W.woff’) format(‘woff’),url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS75F_W.ttf’) format(‘truetype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS75F_W.svg#PTSans-Bold’) format(‘svg’);}@font-face {font-family: ‘PT Sans’;
font-style: italic;
font-weight: bold;
src: url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/pts76f_w.eot’);
src: local(‘PT Sans Bold Italic’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS76F_W.eot?#iefix’) format(’embedded-opentype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS76F_W.woff’) format(‘woff’),url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS76F_W.ttf’) format(‘truetype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTS76F_W.svg#PTSans-BoldItalic’) format(‘svg’);}@font-face {font-family: ‘PT Sans Caption’;
src: url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/ptc55f_w.eot’);
src: local(‘PT Sans Caption’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTC55F_W.eot?#iefix’) format(’embedded-opentype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTC55F_W.woff’) format(‘woff’),url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTC55F_W.ttf’) format(‘truetype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTC55F_W.svg#PTSans-Caption’) format(‘svg’);}@font-face {font-family: ‘PT Sans Caption’;
font-weight: bold;
src: url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/ptc75f_w.eot’);
src: local(‘PT Sans Caption Bold’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTC75F_W.eot?#iefix’) format(’embedded-opentype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTC75F_W.woff’) format(‘woff’),url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTC75F_W.ttf’) format(‘truetype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTC75F_W.svg#PTSans-CaptionBold’) format(‘svg’);}@font-face {font-family: ‘PT Sans Narrow’;
src: url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/ptn57f_w.eot’);
src: local(‘PT Sans Narrow’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTN57F_W.eot?#iefix’) format(’embedded-opentype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTN57F_W.woff’) format(‘woff’),url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTN57F_W.ttf’) format(‘truetype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTN57F_W.svg#PTSans-Narrow’) format(‘svg’);}@font-face {font-family: ‘PT Sans Narrow’;
font-weight: bold;
src: url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/ptn77f_w.eot’);
src: local(‘PT Sans Narrow Bold’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTN77F_W.eot?#iefix’) format(’embedded-opentype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTN77F_W.woff’) format(‘woff’),url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTN77F_W.ttf’) format(‘truetype’), url(‘/var/www/virtual/eve15/hellinger.eu/fonts/PTSansWeb/PTN77F_W.svg#PTSans-NarrowBold’) format(‘svg’);}
`how I can adjust, that if I choose bold, the specific bold font, if I choose italic, the specific italic and if I choose bold, italic, the bold-italic font is loaded?
Pt Sans Caption is optimized for small font size. I watched in the base.css, bt no idea to set all this in this environment.
Thanks for your efforts!
