It worked! thanks so much! I included your code and now everything lines up perfectly – thanks again! This is by far the best theme and support team.
i used:
.pricing-table-wrap .avia-heading-row {
min-height: 68px;
}
.pricing-table li.avia-pricing-row { font-size: 31px; }
.pricing-table>li {
min-height: 328px;
}
li.avia-pricing-row {
min-height: auto;
}
Hi. I tried this and while it works, it:
1). Shortens the height of the image in each masonry blog post.
2). Also, attempting to increase the font size of the entry title for each masonry blog post does the same thing.
How can both be done without shrinking the height of each image in the post?
Thanks for reading.
Hey!
I guess you’re not noting it because justify kicks in when there’s actual text to “justify”, as the menu items labels aren’t filling the whole width it doesn’t take any effect, perhaps what you want is to add some space between letters:
ul#menu-menu-mammouth a {
font-size: 15px;
letter-spacing: 3px;
}
Regards,
Josue
Hey!
Please add following code to Quick CSS as well
.av-share-box ul li a {
font-size: 20px;
}
Regards,
Yigit
Hi,
use a template enfold, it is great. I would only improve enfold Latest News widget to display icons posts were bigger and and increase the font titles of posts and post off date.
Hi essentialifecoaching!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .social_bookmarks li a { font-size: 20px; }
Cheers!
Yigit
Hola
Para ser mas especifico en el backend el codigo que se utiliza es el siguiente [av_font_icon icon='ue909' font='entypo-fontello' style='' caption='' link=''_blank' size='35px' position='center' color=''][/av_font_icon] cierto que esto genera una función que es el que crea el icono listo, Pero en el header.php esta función no sirve entonces lo que yo quiero saber es que código o función debo agregar en el header.php es programación no es en el wordpress.
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) {
.slideshow_caption { padding: 20px; }}
@media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption h2 {
font-size: 14px !important;
}}
Best regards,
Yigit
Hi!
Please change the code to following one
#top .woocommerce-tabs h2 {
font-size: 16px!important;
font-weight: lighter!important;
}
If you are targetting ID attribute then you use #. If class attribute, then .
Cheers!
Yigit
Hi
That changes the font to the correct size, but how do I now style it so it is the same as the others?
Correct:
http://screencast.com/t/OsxIrGaQd4
Incorrect:
http://screencast.com/t/EUSdUjJy
In the CSS, how do you know when to use a # and how do you know when to use a . ?
eg. #comments or .single-product . avia-post-nav ?
So with this one in the your text goes here bt, could I use this?
[av_textblock size='' font_color='' color='' custom_class='bread-crumb']
[bread_crumb]
[/av_textblock]
Hello Elliot,
Thank you very much! It fit perfect.
However i have one more option to ask.
I am sorry but is it also possible to make it like the attached picture. http://imgur.com/8zE4mV3
I use the exerpt part in the post like below.
<font size=”2″>Journal of the European Economic Association, forthcoming, </br>
with Peter Dunne and Michael Moore,</font> Abstract
So does that mean :
1. I need to make the titel bold and blue via CSS ==> could you help with that ?
2. I need to do the rest with html via Exerpt part of the post ?
Thanks and Regards
Hamdi
That work for increasing the menu font size, Thanks,
But, I always have a problem to justify the text. I tried with this code
but something it’s not right:
<span style = “text-align: justify; font-size: 14px !important;”>
Hey richardelectrix!
Add this to your custom CSS.
#comments h2 {
font-size: 17px !important;
}
Best regards,
Elliott
Hey!
I went to Enfold theme options > Header > Mobile Menu and choose to display mobile menu on smartphones and tablets and then added following code to Quick CSS
strong.main-title.entry-title {
font-size: 24px;
}
Please review your website now
Regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
ul#menu-menu-mammouth a {
font-size: 15px;
}
Cheers!
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .av-subnav-menu li a {
font-size: 14px;
color: red;
}
#top .av-subnav-menu li a:hover {
color: orange;
}
#sub_menu1 {
z-index: 503!important;
}
Best regards,
Yigit
Hi Remco!
Thank you for using Enfold.
Are you trying to fix the countdown boxes? You can adjust the style in the Quick CSS field:
@media only screen and (max-width: 767px) {
.responsive .av-countdown-cell-inner {
padding: 5px 3px;
font-size: 12px;
}
.responsive .av-countdown-time {
font-size: 15px !important;
}
}
Regards,
Ismael
Hi. I’m having some difficulties getting a 4-column ajax portfolio to resize properly on both Chrome and Firefox. The issue is that, at certain resolutions, the 4-column layout switches to 3-columns. This switch occurs at several different screen sizes, and it doesn’t appear to be an issue related to mobile/tablet resizing, which works perfectly. Most surprising, the issue does not occur when I use Safari to view the page. Any suggestions?
FYI, I have the following code in the quick CSS editor:
.alternate_color #js_sort_items a.active_sort {
color: #000000;
}
.sort_by_cat {
font-size: 14px;
display: table !important;
margin: auto !important;
}
.sort_by_cat .inner_sort_button:hover {
color: #3d71a1;
}
#js_sort_items .text-sep {
color: #ffffff;
}
#js_sort_items {
background-color: #ffffff!important;
padding: 20px;
}
.grid-entry.flex_column {
padding: 10px;
}
.sort_width_container {
padding: 6px 10px 0px 10px;
}
a.grid-image {
opacity: 1!important;
}
Thanks so much! It’s really a great theme.
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.home .avia_textblock h1 {
font-size: 0.75em;
}
Best regards,
Yigit
Hi Rikard,
Thanks for that.
Please have a look at the link to this picture of things I still want to change. https://www.dropbox.com/s/2uu6zcbybnuvxsd/2015-10-14%2012.06.53.jpg?dl=0
1. There is an area at the top where the line on the header is not completely straight? Do you have any ideas why this could be?
2. I don’t really know what I am doing with CSS and on the side menu bar I am struggling to create the effects I want. I have changed the text size and font successfully however I am really struggling with the colour. When just loaded I would like it to be black and when you select one of the options I would like the text to be white with the green background as it is at the moment. On my picture you will see an area of red to the right of the green are, is it possible to make this green as well?
3. Lastly for now going back to the submit button on my contact us page I am struggling again with the font colour and I would like it to the white. I would also like to get the same hover over effect as with the default but in a green style.
Thanks for all your help.
Christian
Yigit thanks a ton, I was messing around with px for some reason instead of of %
For anyone else looking to change their icon box icon size here is my final code
.iconbox_top .iconbox_icon {font-size: 40px !important; height: 60px; width: 60px; line-height: 55px; top: -40px; left: 45%;}
.iconbox .iconbox_content .iconbox_content_title { margin: 15px 0 10px 0; }
.iconbox_top .iconbox_content { margin-top: 60px; }
Thanks again,
Hi Jonas!
The problem here is that the text your using is very long with no spaces, “Personskadeerstatning”. When there are no spaces the browser does not know where to break it to the next line so it just continues on.
Would you like to try reducing the font size?
Regards,
Elliott
Hi Team, for the font size can i change to em instead of px or % ?
Many thanks Andy. These worked very well in relation to the font size, but not so well for the portrait. The effect looked like the image height was indeed being maintain but not the width (making the image looked squeezed). But in any case, it was cropped by the ‘view area’ (don’t know what else to call it), which was still the mini size …. i.e. it would seem that there’s a space allowed for the image controlled by a class or code somewhere, which is separate from the sizing of the image itself. Hmm.
Have kept all your styling except the img one. Not exactly looking the way it should but more acceptable on a mobile than when I started. At the least the type can be read. If anything else occurs to you, I’d gladly try it.
Hey Ryan!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.single-post h1.main-title.entry-title {
font-size: 20px;
}
Best regards,
Yigit
Hi,
Please try the following instead:
#top #wrap_all .social_bookmarks a, .phone-info span {
font-size: 20px !important;
}
Make sure to clear your browser cache and reload a few times after adding it to be sure you are seeing the correct results.
Best regards,
Rikard
Hello,
Currently I have a site which is using a html table with button short codes to achieve a desired look. Right now the HTML table is being displayed with a background colour and border. I’d like to have the table ‘invisible’ – no border or background colour. The html is below.
<table style=”width: 100%;”>
<tbody>
<tr>
<td>[av_button label='Learn More' link='page,80' link_target='' size='x-large' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='dark' custom_bg='#444444' custom_font='#ffffff']</td>
<td>[av_button label='Get Twisted' link='page,106' link_target='' size='x-large' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']</td>
</tr>
</tbody>
</table>
How can this be done?
Thanks
I recently used the following code to increase the size of the icon boxes on a website I am working on, but am now having a hard time keeping the icons centered after increasing their size.
.iconbox_top .iconbox_icon {margin: 0 auto !important; font-size: 50px !important; height: 90px; width: 90px; line-height: 84px; top: -64px; }
.iconbox .iconbox_content .iconbox_content_title { margin: 30px 0 16px 0; }
.iconbox_top .iconbox_content { margin-top: 80px; }
I am going to submit a feature request for adjusting icon size, but in the short term was wondering if you could help with the centering.
Thanks a ton