Hi Team -Enfold
I have found this css in another thread to place the image caption below the image.
It works great, but I cant the margin and the font size to work ? I want to have some space between the image and the text, and lower the font size a bit.
#top .avia-gallery .avia-gallery-thumb a:after {
content: attr(title);
margin: 50px 10px 0px 10px!important;
position: relative;
display: block;
width: 80%;
text-align: left;
font-size: 13 px!important;
}
Hi,
can I change the Font Size/Line Hight in the masonry
http://www.fokus-naturstein.de/magazin/
screenshot:
https://www.dropbox.com/s/3gbyv02fs6kumgi/kriesi%20support.jpg?dl=0
Is it possible not to show the date in the masonry under the text
thx, Ditmar
Hey Roger!
Thank you for using Enfold.
Please add this in the Quick CSS field to fix the float issue:
.iconbox_content_container:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
}
Cheers!
Ismael
Hi,
Please try the following instead:
.phone-info, #mobile-advanced .sub_menu ul li a {
font-size:22px !important;
}
Regards,
Rikard
Hi Stefan,
Please try the following in Quick CSS under Enfold–>General Styling:
#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
font-size: 3.5em !important;
background-color: green !important;
}
Regards,
Rikard
Hey Emidi!
To always maintain this proportion you need to add 2 images inside 1/5 col and use a 3/5 col for the middle part and insert a masonry gallery with the below settings.
We have made a sample page for you with the layout style you requested. Please enable debug mode and copy paste the below code to the default text editor on a new page and save it.
[av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[av_image src='http://localhost/_proj/enfold/wp-content/uploads/2015/02/Showcase-05-3-724x430.png' attachment='36' attachment_size='featured' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' custom_class=''][/av_image]
[/av_one_fifth]
[av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[av_masonry_gallery ids='406,405,39,38,37,36,35,34,33,32,30,29,28' items='24' columns='flexible' paginate='pagination' size='fixed masonry' gap='1px' overlay_fx='active' container_links='active' id='' caption_elements='title excerpt' caption_styling='' caption_display='always' custom_class='']
[/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[av_image src='http://localhost/_proj/enfold/wp-content/uploads/2012/04/013-9-1000x430.jpg' attachment='314' attachment_size='featured' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' custom_class=''][/av_image]
[/av_one_fifth]
Best regards,
Vinay
Hello!
I would like to customize the colors, rows and columns sizes of a table and fonts. I would like to use my color web style and bigger fonts.
How or where can I do it?
Hello,
Need some help please, kind of stuck and I see no solution atm.
I want to increase the size of the icon from an icon box.
Using this css, everything works fine, but it’s obviosuly modifying all the icons from all icon boxes, for every page:
/*Icon Box Increased Icon size*/
#top .iconbox_left_content .iconbox_icon{
height: 30px;
line-height: 50px;
font-size: 80px;
}
.iconbox_left_content .iconbox_content {
font-size:30px;
}
I just want to increase the icons only on some pages. I have modified the functions.php, in order to turn on custom css classes, but even if I assign a class to an icon box, it modifies the text, not the icon.
I used this code:
.bigIconBox{
height: 30px;
line-height: 50px;
font-size: 80px;
}
Thank you.
Best regards,
Marius.
Hi Marsha!
Please add following code to Quick CSS as well
strong.news-headline {
font-weight: normal;
font-size: 14px;
}
Cheers!
Yigit
Hey HeiseConsulting2016!
versuche es mit diesem Code im Quick CSS Feld:
.sub-menu .avia-menu-text {
font-size: 20px;
}
Ansonsten bitte einen präzisen Link zu deinem Menü.
Gruß,
Andy
Hi,
I would like the news headlines in the Latest News post widget to be the same font family as the headlines that display in other elements in the selected webfont. Can you please help me with the CSS to make the adjustment. I have already added the following Quick CSS to increase the font size of the headlines…
#top .news-content {
font-size: 12px;
}
Thanks in advance for your assistance.
Cheers,
Marsha
Hey!
Thanks for getting back to us!
Try the following CSS instead of the one given previously and the social icons along with the text should be adjusted:
#header_meta span, #header_meta a {
font-size: 18px !important;
}
Change the font size as you wish.
Regards,
Jordan
Hello! I was wondering if someone could help me with the hover on this custom button. Currently, when you hover over it, only the outline changes color. Does anyone know how to alter the css so that when you hover over the button the entire color of the button ( both the outline as well as the body ) changes on hover? Any input is appreciated :)
.livesite {
margin-right: 10px !important;
padding: 12px 40px;
font-size: 10px;
font-family: lato;
letter-spacing: 1px;
border-radius: 70px;
display: inline-block;
vertical-align: middle;
text-decoration: none !important;
position: relative;
background: #a87a34;
color: #ffffff !important;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.livesite:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #a87a34;
border-radius: 50px;
text-decoration: none;
position: relative;
}
.livesite:before {
content: '';
position: absolute;
border: solid white 2px;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
opacity: 1;
}
.livesite:hover {
background: #393939 !important;
}
Hey
Please add following code to Quick CSS in Enfold theme options under General Styling tab
span.pagination-meta {
display: none;
}
.more-link {
color: #95ac02!important;
font-size: 14px;
font-weight: normal!important;
}
.tp-caption a {
color: #95ac02!important;
}
@media only screen and (min-width: 768px) {
.comment-entry.post-entry {
max-width: 770px;
margin-left: 130px;
}}
Please use this free software to edit language files in Enfold/lang folder – https://poedit.net/
Please add following code to functions.php file in Appearance > Editor
function native_admin_lang( $locale ) {
if ( is_admin() ) {
return 'en_US';
}
return $locale;
}
add_filter( 'locale', 'native_admin_lang' );
Best regards,
Yigit
Hi Andy,
das Tutorial kenne ich. Allerdings geht es mir darum, mittels custom css die bullets bei listen dirch icons zu ersetzen. Im Zephyr Theme (Upsolutions) habe ich das problemlos umsetzen können, im Enfold geht das leider nicht… Diesen Code hatte ich verwendet:
/* Eigene Liste mit Icon */
.check-list ul {
list-style: none;
margin-left: 0px;
}
.check-list li {
padding: 6px 0px 5px 40px;
position: relative;
}
.check-list li:before {
content: '\f046';
font-family: 'FontAwesome';
font-size: 16px;
position: absolute;
top: 6px;
left: 5px;
}
Hi guys,
is there a way to modify background and font size of a title which I centered over my masonry images?
Thanks
Stefan
Hey!
Add this in the Quick CSS field:
.toggle_icon:before {
content: '\E87D';
font-family: 'entypo-fontello';
font-size: 18px;
font-weight: normal;
}
.activeTitle .toggle_icon:before {
content: '\E87B';
}
.toggle_icon {
border: 0;
}
.toggle_icon span {
display: none;
}
Best regards,
Ismael
Hi Chris,
The only thing wrong I can see in your initial code is that you are missing a curly bracket for the last section of code:
@media only screen and (max-width: 767px) {
.toptextarea33 * {
font-size: 18px !important;
line-height: 18px !important;
}
Should be:
@media only screen and (max-width: 767px) {
.toptextarea33 * {
font-size: 18px !important;
line-height: 18px !important;
}
}
Not sure if that is what is causing it though. You could try to minimise your code as well and put all the arguments within one media query.
Regards,
Rikard
Hi,
Please try the following in Quick CSS under Enfold–>General Styling to control the font size:
#footer h3.widgettitle {
font-size: 18px !important;
}
…and this to control the margin of the widgets:
#footer .widget {
margin: 20px 0 20px 0 !important;
}
Regards,
Rikard
-
This reply was modified 10 years ago by
Rikard.
Hi Roland,
You can try increasing the font size with the following CSS:
.av-single-event-meta-bar-inner ul li {
font-size: 20px !important;
}
Regards,
Rikard
Hi!
We are working on your ticket please wait while we update the results here soon.
We added the below CSS
/* Center align 3 button*/
.inline-block {
display:inline-block!important;
margin:0 10px;
}
.align-center{
display:flex;
justify-content:center;
}
And the below shortcode.
[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='http://localhost/_proj/enfold/wp-content/uploads/2016/03/travel-banner-1-1500x430.jpg' attachment='376' attachment_size='featured' attach='scroll' position='top left' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_class='']
[av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' custom_class='align-center']
[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' custom_class='inline-block']
[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' custom_class='inline-block']
[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' custom_class='inline-block']
[/av_one_full][/av_section]
Please check the page in private content. some custom class names are added to advance layout elements to buttons and 1/1 col to achieve this.
Cheers!
Vinay
-
This reply was modified 10 years ago by
Vinay.
Hey ghettro!
Please add the below code in Quick CSS under general styling in Enfold options :)
.sub_menu .menu-item a {
font-size: 20px!important;
}
Best regards,
Vinay
That helped. However the thin/light font only displays properly when I change the font size on the element.
If I don’t change it, it defaults back to normal thickness. Even though the thickness for the font is set to thin in the advanced font options.
Is there a way to get it to work without having to update the font size each and every time?
Hi!
Try the following CSS to adjust the font size instead:
#header_meta span, #header_meta a {
font-size: 15px !important;
}
Best regards,
Jordan
in that windows i cant change the font family size, in the others it is ok, but here it is missing
How to change the font and size of the font in the upper header ?
For some reason my site has the following code showing in the serps….
av_textblock size=” font_color=” color=”]
It does not show on every page. It is the exact same problem mentioned in this thread https://kriesi.at/support/topic/google-search-results-av_textblock-other-code-as-the-description/ but the solution was never posted so I have no idea why some SERPs show this code and others don’t.
Any advice or support you could offer would be very appreciated
-
This topic was modified 10 years ago by
hypnorich. Reason: To add image link
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-inner-masonry-content.site-background .av-masonry-entry-content {
color: white;
font-family: raleway;
font-size: 22px;
}
Cheers!
Yigit
Ahoy –
Been having some trouble with the theme since the update (like most people) solved most issue with the newest update but my phone number still isn’t working..
Here is The code in the extra elements area that isnt showing up – it was showing up fine before the update armageddon
[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='18px' position='left' color='']562-537-2947[/av_font_icon]
Please advise how I can get this to work…. like before the enfold updates