-
Search Results
-
In reply to: enlarge font in title
hmmm, does not seem to do anything rikard…
ive put font-size 130 px in it and the result is the same…In reply to: enlarge font in title
Hey jeel147,
Please try the following in Quick CSS under Enfold->General Styling:
h1.main-title { font-size: 30px; }Best regards,
RikardIn reply to: about head URGENT
Hi tulin88,
Are you using a child theme? if yes, please add this PHP Snippet in your child theme’s functions.php, if you don’t have one, then you can use a plugin called WPCode – Insert Headers and Footers and insert it as a PHP Snippet:
add_action( 'ava_inside_main_menu', 'heading_above_news' ); function heading_above_news() { $page_id = 1828; $header = "TECHNICAL ASSISTANCE FOR TOWN TWINNING BETWEEN TÜRKİYE AND THE EU PHASE – II"; if ( is_page( $page_id ) ) { echo '<div class="news-header"><h3> ' . $header . '</h3></div>'; } }Then go to Enfold > General Styling > Quick CSS and add this CSS code:
#top #header_main_alternate .main_menu { display: flex; flex-direction: column-reverse; } .news-header h3 { color: #0e4194; font-size: 18px; }Hope it helps.
Best regards,
NikkoIn reply to: social media size
Hey tulin88,
Thank you for the inquiry.
You can add the following css code to adjust the size and color of the social icons.
#top .social_bookmarks li { width: 60px; } #top .social_bookmarks li a { width: 60ox; line-height: 60px; min-height: 60px; font-size: 30px; } #top .header_color .social_bookmarks a { color: red; }Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.
Best regards,
IsmaelHey tcampaner,
Please try the following in Quick CSS:
.page-id-976 .av-masonry-entry-title { font-size: 14px; }Best regards,
RikardHi,
I would like to change the font size of the text that appears in the Masonry Gallery on this page: https://cf.studiocampaner.ro/governance-e-gruppi/
Thank you!
Hello Support
1) How can I change the setting for the animation of the text that is written on the caption of the easy slider?
2) Also when selecting H1 or H2 font size – the text gets capitalized.Hello, hired a developer to edit the copyright footer. He told me to try to add this to footer css, but since I use child theme, is not an option. How can I implement this code in a child theme, maybe on style or functions? I tried on additional css but changes did not happen.
body { margin: 0; } .lenos-footer { background-color: #333; color: #eee; text-align: center; } .footer-container { max-width: 1190px; display: flex; align-items: center; justify-content: space-between; padding: 15px 50px; } .footer-container .copyright { font-size: 17px; } .ssl-secure-payment { display: flex; align-items: center; } .ssl-secure-payment-left { display: flex; align-items: center; } .ssl-secure-payment-header { font-size: 17px; font-weight: bold; margin: 0; margin-bottom: 15px; } .ssl-secure-payment-des { font-size: 16px; margin: 0; } .ssl-secure-payment-wrapper { text-align: start; } @media (max-width: 1200px) { .footer-container { flex-direction: column-reverse; } .ssl-secure-payment { margin-bottom: 10px; } } @media (max-width: 900px) { .ssl-secure-payment { flex-direction: column; } .ssl-secure-payment-left { margin-bottom: 10px; } }By coptight footer, I mean the one at the very end. Which does not have any built-in theme editing options other than adding a text line in the theme options. https://ibb.co/1TqGpSh
In reply to: Problem with overlay in header
Hi,
Most elements have options to apply settings for mobile, tablet, & desktop independently, try looking for these icons in your elements:
So for example the negative margin used to overlay your three boxes over the top video is probably set using the first device icon in the screenshot which is for all devices, try moving the negative margin to the desktop icon so it’s not used for tablet or mobile.
So elements has these options for font sizes, if you don’t see this look at the options at: Enfold Theme Options ▸ General Styling ▸ Typography ▸ Advanced Options: Customize Typography Settings where you can set global font sizes for headings.Best regards,
MikeIn reply to: Error in Avia Shortcode Parser
Mike,
So i dug further and it’s not a matter of even using it in the content anywhere. Just by virtue of having the plugin (GravityView) installed is causing this error.
“I don’t see that we can correct this plugin in the theme.” – It’s not a matter of fixing the plugin, it’s about fixing how the theme handles shortcodes from other developers. Enfold’s “balance shortcode” feature is what is throwing the errors. Somehow, however Enfold grabs the available shortcodes it’s trying to balance, it grabs that as one of the available shortcodes. It tries to create a regex from it and fails.
In class-shortcode-parser.php in
balance_shortcode()this is the$shortcodesvariable it’s trying to process and dying on. With that you should be able to patch the theme so it handles anomalies like this properly.Array ( [0] => wp_caption [1] => caption [2] => gallery [3] => playlist [4] => audio [5] => video [6] => embed [7] => expand [8] => colomat [9] => expandsub1 [10] => expandsub2 [11] => expandsub3 [12] => expandsub4 [13] => expandsub5 [14] => expandsub6 [15] => expandsub7 [16] => expandsub8 [17] => expandsub9 [18] => expandsub10 [19] => expandsub11 [20] => expandsub12 [21] => expandsub13 [22] => expandsub14 [23] => expandsub15 [24] => expandsub16 [25] => expandsub17 [26] => expandsub18 [27] => expandsub19 [28] => expandsub20 [29] => expandsub21 [30] => expandsub22 [31] => expandsub23 [32] => expandsub24 [33] => expandsub25 [34] => expandsub26 [35] => expandsub27 [36] => expandsub28 [37] => expandsub29 [38] => gv_note_add [39] => gv_entry_link [40] => gv_edit_entry_link [41] => gv_delete_entry_link [42] => year [43] => av_privacy_allow_cookies [44] => av_privacy_accept_essential_cookies [45] => av_privacy_google_tracking [46] => av_privacy_google_webfonts [47] => av_privacy_google_maps [48] => av_privacy_video_embeds [49] => av_privacy_google_recaptcha [50] => av_privacy_custom_cookie [51] => av_privacy_accept_button [52] => av_privacy_accept_all_button [53] => av_privacy_do_not_accept_button [54] => av_privacy_modal_popup_button [55] => av_privacy_link [56] => av_privacy_cookie_info [57] => av_sb_instagram_feed [58] => av_leaflet_map [59] => av_productgrid [60] => av_productlist [61] => av_product_button [62] => av_product_info [63] => av_product_review [64] => av_product_tabs [65] => av_product_upsells [66] => avia_sc_product_meta [67] => av_product_price [68] => av_productslider [69] => gravityform [70] => gravityforms [71] => wpseo_breadcrumb [72] => gravityview [73] => gventry [74] => gvfield [75] => gvlogic [76] => gvlogic2 [77] => gvlogic3 [78] => gvlogicelse [79] => tribe:event-details [80] => boxzilla_link [81] => av_player [82] => av_playlist_element [83] => av_blog [84] => av_buttonrow [85] => av_buttonrow_item [86] => av_button [87] => av_button_big [88] => av_catalogue [89] => av_catalogue_item [90] => av_chart [91] => av_chart_dataset [92] => av_codeblock [93] => av_one_full [94] => av_one_half [95] => av_one_third [96] => av_two_third [97] => av_one_fourth [98] => av_three_fourth [99] => av_one_fifth [100] => av_two_fifth [101] => av_three_fifth [102] => av_four_fifth [103] => av_comments_list [104] => av_contact [105] => av_contact_field [106] => av_content_slider [107] => av_content_slide [108] => av_countdown [109] => av_events_countdown [110] => av_upcoming_events [111] => av_gallery [112] => av_horizontal_gallery [113] => av_google_map [114] => av_gmap_location [115] => av_layout_row [116] => av_cell_one_full [117] => av_cell_one_half [118] => av_cell_one_third [119] => av_cell_two_third [120] => av_cell_one_fourth [121] => av_cell_three_fourth [122] => av_cell_one_fifth [123] => av_cell_two_fifth [124] => av_cell_three_fifth [125] => av_cell_four_fifth [126] => av_heading [127] => av_headline_rotator [128] => av_rotator_item [129] => av_hr [130] => av_font_icon [131] => av_icon_circles [132] => av_icon_circle_item [133] => av_icon_box [134] => av_icongrid [135] => av_icongrid_item [136] => av_iconlist [137] => av_iconlist_item [138] => av_image [139] => av_image_diff [140] => av_image_hotspot [141] => av_image_spot [142] => av_partner [143] => av_partner_logo [144] => av_lottie [145] => av_magazine [146] => av_mailchimp [147] => av_mailchimp_field [148] => av_masonry_entries [149] => av_masonry_gallery [150] => av_submenu [151] => av_submenu_item [152] => av_notification [153] => av_animated_numbers [154] => av_portfolio [155] => av_post_metadata [156] => av_metadata_item [157] => av_postcontent [158] => av_postslider [159] => av_progress [160] => av_progress_bar [161] => av_promobox [162] => avia_sc_search [163] => av_section [164] => av_slideshow [165] => av_slide [166] => av_slideshow_accordion [167] => av_slide_accordion [168] => av_feature_image_slider [169] => av_fullscreen [170] => av_fullscreen_slide [171] => av_slideshow_full [172] => av_slide_full [173] => av_social_share [174] => av_tab_section [175] => av_tab_sub_section [176] => av_table [177] => av_row [178] => av_cell [179] => av_tab_container [180] => av_tab [181] => av_team_member [182] => av_team_icon [183] => av_testimonials [184] => av_testimonial_single [185] => av_textblock [186] => av_timeline [187] => av_timeline_item [188] => av_toggle_container [189] => av_toggle [190] => av_video [191] => av_sidebar [192] => av_dropcap1 [193] => av_dropcap2 [194] => gravityview_widget_search [195] => gravityview_widget_custom_content [196] => gravityview_widget_gravity_forms [197] => gv\widgets\page_size [198] => gravityview_widget_pagination_info [199] => gravityview_widget_page_links )In reply to: Italicize caption title in fullwidth easy slider
Hey es.design.ma,
Thank you for the inquiry.
Have you tried using the “em” or “i” tag to emphasize or italicize the caption title?
Example:
<em>Hello World!</em> <i>Hello Universe!</i>If you would like to use css, please add this code.
#top .av_slideshow_full .avia-caption-title { font-style: italic; }Best regards,
IsmaelIn reply to: Formular element Checkbox
Hey Beat,
Thank you for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field and adjust to suit:#top label.input_checkbox_label { font-size: 10px; line-height: 10px; font-weight: normal; }After applying the css, please clear your browser cache and check.
Best regards,
MikeIn reply to: Width problem with posts
Thanks. Your fix only affects part of the blog text, namely the
- … section at the bottom.
This
#top .all_colors p { font-size: 16px; }is over-riding the 18.4px declaration, and adding !important to .entry-content-wrapper doesn’t work either.
I didn’t realise the smaller font size would narrow the blog container. I’ll have a re-think about the size and layout. Case closed!
In reply to: Width problem with posts
Hi zimbo,
Thanks for the detailed information and links.
The only difference between both sites is the size of fonts which affects the width of the blog container.
You can change the font size but since it will affect other parts of the website, please try to add this CSS code in Enfold > General Styling > Quick CSS instead:#top .fullsize .template-blog .post .entry-content-wrapper { font-size: 18.4px; }Hope it helps.
Best regards,
NikkoTopic: Width problem with posts
I am building a new website for a client based on the Hotel template. I successfully imported the demo and am in the process of creating the pages.
An issue has arisen regarding the blog layout, specifically the width of the element div.entry-content. The entry-content-wrapper on both sites is 800px wide. I have made no changes to the post on the development site, it is as it was installed/setup. I assume that the settings in Theme Options > Blog Layout would have been copied in from the demo settings.
In the demo here, div.entry-content is 736 px wide. But on the development site here, the element is only 598 px wide. I cannot deduce why it is narrower and would like it as per the demo.
I’m using a smaller font size for <p>, but that should not make a difference to the element width. Have you any ideas/suggestions for the difference in width? And how to fix it…
In reply to: Comment fundtion on normal page doesn’t work
Hi Mike,
Morning.
But I cannot find the avia-post-nav on my quick CSS:
here is the code I have right now:
.entry-content blockquote {
margin: 1.5em 0em!important;
font-size: 137%!important;
color: rgb(58, 140, 174)!important;
font-style: italic!important;
background: #efefef!important;
padding: 1em!important;
text-align: left!important;
quotes: “\201C””\201D””\2018″”\2019”;
}.entry-content blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
.entry-content blockquote p {
display: inline;
}.footer_color {
border: none;
}/* Generated by Font Squirrel (//www.fontsquirrel.com) on April 15, 2015 */
@font-face {
font-family: ‘verbextralight’;
src: url(‘/webfonts/extralight-webfont.eot’);
src: url(‘/webfonts/extralight-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/extralight-webfont.woff2’) format(‘woff2’),
url(‘/webfonts/extralight-webfont.woff’) format(‘woff’),
url(‘/webfonts/extralight-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/extralight-webfont.svg#verbextralight’) format(‘svg’);
font-weight: normal;
font-style: normal;}
/*
@font-face {
font-family: ‘verbregular’;
src: url(‘/webfonts/regular-webfont.eot’);
src: url(‘/webfonts/regular-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/regular-webfont.woff2’) format(‘woff2’),
url(‘/webfonts/regular-webfont.woff’) format(‘woff’),
url(‘/webfonts/regular-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/regular-webfont.svg#verbregular’) format(‘svg’);
font-weight: normal;
font-style: normal;}
@font-face {
font-family: ‘verbsemibold’;
src: url(‘/webfonts/semibold-webfont.eot’);
src: url(‘/webfonts/semibold-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/semibold-webfont.woff2’) format(‘woff2’),
url(‘/webfonts/semibold-webfont.woff’) format(‘woff’),
url(‘/webfonts/semibold-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/semibold-webfont.svg#verbsemibold’) format(‘svg’);
font-weight: normal;
font-style: normal;}
@font-face {
font-family: ‘verbcondlight’;
src: url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.eot’);
src: url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.woff’) format(‘woff’),
url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.svg#verbcondlight’) format(‘svg’);
font-weight: normal;
font-style: normal;}*/
@font-face {
font-family: ‘verbcondregular’;
src: url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.eot’);
src: url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.woff’) format(‘woff’),
url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.svg#verbcondregular’) format(‘svg’);
font-weight: normal;
font-style: normal;}
@font-face {
font-family: ‘verbcondsemibold’;
src: url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.eot’);
src: url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.woff’) format(‘woff’),
url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.svg#verbcondsemibold’) format(‘svg’);
font-weight: normal;
font-style: normal;}
/*
html, body, div, p { font-family: ‘verbregular’; }
h1, h2, h3, h4, h5, h6, strong { font-family: ‘verbsemibold’; font-weight: normal;text-transform:none!important; }*/html, body, div, p { font-family: ‘verbcondregular’; }
h1, h2, h3, h4, h5, h6, strong { font-family: ‘verbcondsemibold’; font-weight: normal;text-transform:none!important; }.button-transition-blue {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}.button-transition-blue:hover {
background:#3a8cae!important;
}.big-thin {
font-size: 1.6em;
line-height:1.2em;
font-family:’verbextralight’;
color:white;
}.image-overlay {
visibility: hidden;
}#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
background: #f9a456!important;
border: 0px solid white;
}.big-thin span.av_font_icon.avia_animate_when_visible.av-icon-style-.avia-icon-pos-left.avia_start_animation.avia_start_delayed_animation {
padding-bottom: 100px;
}@media only screen and (max-width: 767px) {
.big-thin span.av_font_icon.avia_animate_when_visible.av-icon-style-.avia-icon-pos-left.avia_start_animation.avia_start_delayed_animation {
padding-bottom: 20px;
}
}.big-thin span.av-icon-char {
line-height: 1em!important;
margin-right: 10px;
}#top .av_header_transparency #header_meta {
border:none;
}div#content {border-color:transparent!important;}
#top .chatlio-widget textarea {
line-height: unset!important;
min-height: unset!important;
}/*this changes the width of the tabs */
.av-inner-tab-title {
width: 200px !important;
font-size: 13px !important;
font-weight: medium !important;
}/*this adjusts the tab arrow */
.av-tab-arrow-container {
width: 200px !important;
}/*this CSS styles the scroll down arrow */
#top .scroll-down-link {
/*color: #f9a456 !important; */
font-size: 150px;}
/* This styles the animated icon list on the PS page */
.card-container {
cursor: pointer;
height: 530px;
perspective: 600;
position: relative;
width: 100%;
margin-bottom: 25px ;
}.card {
height: 100%;
position: absolute;
border-radius: 6px;
transform-style: preserve-3d;
transition: all 1s ease-in-out;
width: 100%;
}.card:hover {
transform: rotateY(180deg);
}.card .side {
backface-visibility: hidden;
border-radius: 6px;
height: 530px;
position: absolute;
overflow: hidden;
width: 100%;
}.card .back {
padding: 20px;
background: #eaeaed;
color: #606a71;
line-height: 20px;
text-align: left;
transform: rotateY(180deg);
}/* the following css snippets adjust the icon list that is on the PS page */
.horizontal-icon-list ul.avia-icon-list li {
float: left;
clear: none;
width: 20%;
}.horizontal-icon-list .iconlist-timeline {
display: none;
}div.description {
position:absolute; /* absolute position (so we can position it where we want)*/
bottom:0px; /* position will be on bottom */
left:0px;
width:100%;
/* styling bellow */
background-color: #eaeaed;
color: #606a71;
}p.description_content{
padding:10px;
margin:0px;
font-size: 15px;
}@font-face {
font-family: ‘Font Awesome 5 Free’;
font-style: normal;
font-weight: 900;
font-display: auto;
src: url(“../webfonts/fa-solid-900.eot”);
src: url(“../webfonts/fa-solid-900.eot?#iefix”) format(“embedded-opentype”), url(“../webfonts/fa-solid-900.woff2”) format(“woff2”), url(“../webfonts/fa-solid-900.woff”) format(“woff”), url(“../webfonts/fa-solid-900.ttf”) format(“truetype”), url(“../webfonts/fa-solid-900.svg#fontawesome”) format(“svg”); }.fa,
.fas {
font-family: ‘Font Awesome 5 Free’;
font-weight: 900; }@media only screen and (max-width: 700px) {
.cta_text_block p {
line-height: 1.5em;
}}
@media only screen and (max-width: 700px) {
.section_heading h2 {
line-height: 1.5em;
}}
/* this targets the Learn More btn on the Tech services page */
.sleeknote-btn {
display: flex;
/*justify-content: space-around;*/
}/* this adjusts the padding on the Tech services page */
.custom-btn-slknte {
padding-right: 10px;
}/* This removes the comments from the blog */
.slide-content .slide-meta .slide-meta-comments a, .slide-content .slide-meta .slide-meta-del {
display: none;
}/* Centers the text on blog page */
.hero-blog-entry-center {
text-align: center;
}.hero-blog-entry-center .read-more-link {
display: block;
text-align: center;
margin: 30px auto 20px auto;
clear: both;
width: 150px;
border: none;
border-style: solid;
border-width: 2px;
border-color: #3a8cae;
padding: 10px 0;
border-radius: 5px;
}.hero-blog-entry-center .read-more-link .more-link-arrow {
display: none;
}.new-blog .av-masonry-entry .av-inner-masonry-content {
height: 158px;
}.logo-bg {
position: absolute;
top: 400px;
right: -400px;
opacity: 0.05;
z-index: -10;
transform: rotate(-30deg);
}/*—————————————-
// CSS – Content Slider style – 2
//————————————–*//* Slider Background */
#top .av-contentslider-style-2 {
margin: 20px 50px;
background: #ffffff;
}/* Arrow position */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 999;
}/* Right arrow*/
.av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls .next-slide {
right: -35px !important;
}
/* Arrow icon */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.next-slide:before{
content:’\e875′;
}/* Left arrow */
.av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls .prev-slide {
left: -35px !important;
}
/* Arrow icon */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.prev-slide:before{
content:’\e874′;
font-family: ‘entypo-fontello’;
}/* Common arrow styles */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a {
border-radius: 25px;
color:#fff;
font-weight: bolder;
font-size: 24px;
background: #f9a456;
width: 30px;
height: 30px;
}#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a:before {
background: transparent;
top:3px;
}/* Arrow hover style */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a:hover {
opacity: 1;
background: #fab677;
}.testimonial-cta {
background-color: rgba(255, 255, 255, 0.9);
}/* .testimonial-col {
height: 400px;
} *//* enfold social media icons fix */
.social_bookmarks_twitter a::before, .av-social-link-twitter a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_facebook a::before, .av-social-link-facebook a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_linkedin a::before, .av-social-link-linkedin a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_pinterest a::before, .av-social-link-pinterest a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_tumblr a::before, .av-social-link-tumblr a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_reddit a::before, .av-social-link-reddit a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_vk a::before, .av-social-link-vk a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_gplus a::before, .av-social-link-gplus a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_mail a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_dribble a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_youtube a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_instagram a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_vimeo a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}/* end enfold social media icons fix */
.standards-solutions-container {
display: flex;
justify-content: space-evenly;
}.standards-text-container {
width: 500px;
}.testimonial-container {
display: flex;
justify-content: space-evenly;
}.img-container-test {
}
.text-container-test {
width: 500px;
margin-right: -60px;
}.solutions-hover:hover {
-ms-transform: translate(0, -5px);
transform: translate(0, -5px);
transition: 0.3s ease-in-out;
cursor: pointer;
}.hero-ul-list {
width: 400px;
margin-bottom: 40px;
column-count: 2;
padding: 0;
}.hero-ul-list li {
line-height:1.5em;
float:left;
list-style-type: square;
}/* NEW EDIT */
h1.headerh1 {
position: absolute;
top: 100px;
z-index: 9999;
text-align: center;}
#product-feature .flex_column {
width: 40%;
}
/* CSS Code by Agus */@media all and (min-width:1025px){
.hero-content{
min-height:863px !Important;
}
}/*.home-heading h1{
font-family:’verbregular’ !important;
font-size:38px !important;
color:#fff !important;
text-align:center;
line-height:1.4em;
letter-spacing:-0.5px !Important;
margin-bottom:20px !important;
}*/.home-heading h1{
font-family:’verbcondregular’ !important;
font-size:38px !important;
color:#fff !important;
text-align:center;
line-height:1.4em;
letter-spacing:-0.5px !Important;
margin-bottom:20px !important;
}.home-heading span.orange,
.main-heading span.orange{color:#f69345 !important}.btn-product-tour span:before{
background:#fff !Important;
padding:9px;
border-radius:30px;
border:1px solid #fff !important;
color:#f69345 !important;
}.btn-product-tour:hover span:before{
border:1px solid #f69345 !important;
}.btn-product-tour .avia_iconbox_title{
margin-right:5px;
font-weight:600 !important;
}.hero-image img{
margin-top:-485px !important;
margin-bottom:-150px;
}.general-button span{
font-family: ‘Poppins600’ !important;
font-weight: 600 !important;
}.products .entry-content-wrapper{
max-width:1100px;
margin:0 auto;
}#products{
background: radial-gradient(50% 50% at 50% 50%, #3E91BA 0%, #1D62A0 100%), #2F799E;
}.main-heading h3{
font-family: ‘verbsemibold’ !important;
font-weight: 600 !important;
}/*.main-heading span.special_amp{
font-family:”verbregular” !Important;
font-size:1em !important;
font-style:normal !Important;
}*/.main-heading span.special_amp{
font-family:”verbcondregular” !Important;
font-size:1em !important;
font-style:normal !Important;
}.features{
height:400px !important;
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(29px);
border-radius: 10px;
transition: all 0.2s ease-in-out;
border: 1px solid #5597bf;
}.features p{
margin-right:80px !important;
}.features:hover{
background:#fff !important;
}
.features:hover h2{
color:#f69345 !important;
}.features:hover h4{
color:#000 !important;
}
.features:hover p{
color:#4d4d4d !important;
}
.products .flex_column_table{
margin-top:70px !important;
}.content-slider{
overflow:visible !Important;
}.content-slider .avia-content-slider-inner{
max-width:1140px !Important;
margin:0 auto;
}.content-slider .slide-entry{
border-radius: 10px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #00000026;
padding:12px;
}.content-slider .slide-entry img{
border-radius:10px !Important;
}.content-slider .slide-entry h3{
font-family:Roboto, sans-serif !important;
color: #051728 !important;
font-size: 22px !important;
font-weight: 600;
line-height: 33px;
margin-top: 4px;
max-height:98px;
overflow:hidden;
}.content-slider a.more-link{
font-family: “Roboto”, Sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 19px;
padding: 0px 0px 0px 0px;
border-radius: 0px;
color: #458350;
margin-top: 5px;
}.content-slider .slide-content{
padding:10px !important;
}.content-slider .avia-content-slider-inner{
overflow:visible !Important;
}.content-slider .av_one_third,
.success-story .av_one_third{
margin-left: 3%;
width: 31.333333333333332%;
}.content-slider .av_one_third.first,
.success-story .av_one_third.first{
margin-left:0px !important;
}.content-slider .avia-slideshow-arrows a.next-slide{ right: -40px !important}
.content-slider .avia-slideshow-arrows a.prev-slide{ left: -40px !important}
.content-slider .avia-slideshow-arrows a.next-slide,
.content-slider .avia-slideshow-arrows a.prev-slide{
border-radius: 50px !important;
font-size: 16px !important;
height: 41px !important;
width: 41px !important;
}.content-slider .avia-slideshow-arrows a:before{
border-radius:50px !Important;
line-height: 41px !important;
background:#f69345 !Important;
color:#fff !Important;
border:1px solid #f69345;
}.content-slider .avia-slideshow-arrows a:hover:before{
background:#fff !important;
color:#f69345 !important;
}.content-slider .avia-slideshow-arrows a{
top:50% !important;
opacity:1 !important;
}.success-story h3{
display:none !Important;
}/*.success-story h2{
font-family:’verbregular’ !important;
color:#051728 !important;
line-height:1.4em !Important;
margin-top:0px !Important;
font-weight:600;
-webkit-font-smoothing:antialiased;
}*/
.success-story h2{
font-family:’verbcondregular’ !important;
color:#051728 !important;
line-height:1.4em !Important;
margin-top:0px !Important;
font-weight:600;
-webkit-font-smoothing:antialiased;
}.success-story p{
font-size:16px !important;
}.success-story a.read-more{
color: #458350;
font-family: “Vern font”, Sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 19px;
position:absolute;
bottom:17px;
}.success-story .slide-entry{
min-height:463px;
border-radius:10px;
padding:15px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #D9D9D9;
transition: background 0s, border 0s, border-radius 0s, box-shadow 0s !Important;}
.success-story .slide-entry-wrap{
padding:0px 20px;
margin:0 auto !Important;
}.success-story .avia-slideshow-arrows {
position: absolute !important;
width: 100% !important;
top: 50% !important;
left: 0;
height: 41px;
}.success-story .avia-slideshow-arrows a{
height:41px !Important;
width:41px !important;
line-height:41px !important
}.success-story .avia-slideshow-arrows a:before{
line-height:41px !important;
font-size:16px !important
}.success-story a:before{
border:none !Important
}.success-story a.prev-slide{
left:-40px;
}.success-story a.next-slide{
right:-40px !important;
}
.success-story a.prev-slide, .success-story a.next-slide{
min-width:41px !important;
border-radius:50px;
border:1px solid #f69345 !Important;
background:#f69345 !important;
color:#fff !important;
}.success-story a.prev-slide:hover, .success-story a.next-slide:hover{
background:#fff !important;
color:#f69345 !important;
opacity:1 !important;
}.home-subscribe{
background: rgb(255,255,255) !important;
background: linear-gradient(180deg, rgba(255,255,255,0) 75%, rgba(29,98,160,1) 75%) !important;
}.home-footer{
background: radial-gradient(50% 50% at 50% 50%, #3E91BA 0%, #1D62A0 100%), #2F799E;
}.home-footer img{
width:174px !Important;
}
.home-footer .avia-image-container{
text-align:left !important;
margin-bottom:20px;
}.home-footer p{
font-size:16px;
color:#BED3E4;
padding-right:100px;
}.home-footer h3{
font-size:20px !important;
color:#ffffff !important;
margin-bottom:20px !important;
}/*.home-footer h5{
font-family:”verbregular” !Important;
font-size:16px !important;
color:#ffffff !important;
margin-bottom:20px !important;
}.home-footer h6{
font-family:”verbregular” !Important;
font-size:14px !important;
color:#ffffff !important;
}*/.home-footer h5{
font-family:”verbcondregular” !Important;
font-size:16px !important;
color:#ffffff !important;
margin-bottom:20px !important;
}.home-footer h6{
font-family:”verbcondregular” !Important;
font-size:14px !important;
color:#ffffff !important;
}.home-footer li{border-width:0px !Important}
.home-footer li a{font-size:14px !important;color:#D8E9F1 !Important;padding:5px 0px !important;line-height:1.5em !Important}.home-footer li a:hover{background:transparent !Important;color:#D8E9F196 !important}
.home-footer .av-share-box ul li a{
width:38px !Important;
height:38px !important;
margin-right:12px;
padding-top: 10px !important;
background: #f69345 !important;
}.home-footer .av-share-box ul li:hover a{
margin-top:-10px !important;
}.home-copyright{
border-top:1px solid #fff !Important;
padding-top:25px;
}.home-footer .template-page{
padding-bottom:20px !Important;
}@media all and (max-width:1024px){
.features p{margin-right:0px !important}
.avia-section-huge .content{padding-top:60px !important;padding-bottom:60px !Important}
.main-heading{margin-bottom:20px !Important;padding-bottom:0px !Important}
.home-footer p{padding-right:50px !Important}
.hero-content{min-height:720px !Important}
}
@media all and (max-width:767px){
.home-heading h1{font-size:32px !important;line-height:1.2em !Important;}
.hero-content{padding:40px 25px 25px 25px !important}
.hero-image img{margin-top:-185px !important}
.hero-content{min-height:auto !Important}
.infographic{padding:0px !important}
#domain-expertise .av_one_half,
#professional-services .av_one_half,
#innovative-software .av_one_half{padding:0px !Important}
.products .av_one_half{padding:25px !important}
.products .first{margin-bottom:85px !Important;overflow:hidden;}
.home-subscribe {
background: rgb(255,255,255) !important;
background: linear-gradient(180deg, rgba(255,255,255,0) 85%, rgba(29,98,160,1) 85%) !important;
}
}In reply to: Dash or hyphen for sub-bullet
Hi,
For bullets in the tabs try this:#top .tab_content ul li ul li:before { content:'-'; padding-right: 5px; color:#000 !important; font-size: 20px; } #top .tab_content ul li ul li { list-style: none; padding-left: 1em; text-indent: -1em;; } #top .tab_content ul li ul { margin-left: 0em; }expected results:
For bullets in the text element try this:#top .avia_textblock ul li ul li:before { content:'-'; padding-right: 5px; color:#000 !important; font-size: 20px; } #top .avia_textblock ul li ul li { list-style: none; padding-left: 1em; text-indent: -1em; } #top .avia_textblock ul li ul { margin-left: 0em; }expected results:
Best regards,
MikeIn reply to: Dash or hyphen for sub-bullet
Hi,
Please try this CSS as well:
.tab_content ul li ul li:before { content:'-'; padding-right: 5px; color:#000 !important; font-size: 20px; } .tab_content ul li ul li { list-style: none; padding-left: 1em; text-indent: -2em; }Best regards,
RikardIn reply to: Dash or hyphen for sub-bullet
Hey beverlystone,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia_textblock ul li ul li:before { content:'-'; padding-right: 5px; color:#000 !important; font-size: 20px; } .avia_textblock ul li ul li { list-style: none; padding-left: 1em; text-indent: -2em; }After applying the css, please clear your browser cache and check.
Best regards,
MikeIn reply to: Woocommerce single product design and sidebars
Hey germanvoice,
Thanks for your patience, to change the font color and size of the price try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.single-product .price span { color: red; font-size: 18px; }the expected results:
To show more information try adding it to the Product short description below the product data:
the expected results:
By default the sidebar widgets are shown below the product images:
To show the sidebar on the right side like in posts try this solution.
but it will make the image smaller because ther is less room, you could make the product page full width with this css:.responsive #top.single-product .container_wrap_first > .container { max-width: 100%; }the expected results:
Best regards,
MikeHi Frank,
Please try the following in Quick CSS under Enfold->General Styling:
.tab_inner_content p { font-size: 16px; }Best regards,
RikardHello Recently we are getting a high Cls rate due to various elements not supported.
Here a sample of the list from the pagespeed test:
Unsupported CSS Property: border-top-left-radius
border-top-left-radius
Unsupported CSS Property: border-top-right-radius
border-top-right-radius
Unsupported CSS Property: border-bottom-left-radius
border-bottom-left-radius
Unsupported CSS Property: border-bottom-right-radius
border-bottom-right-radius
Unsupported CSS Property: font-size
font-size
Unsupported CSS Property: color
color
Unsupported CSS Property: line-height
Here is pagespeed test: https://pagespeed.web.dev/analysis/https-www-wp-assistenza-it-ottimizzazione-velocita-del-sito-web/lwa12kwglq?form_factor=mobileHow can we fix this?
Hi,
how can I change the font size in the Text Area of a Tab Element. I found how to change the Font Size and Weight of the Tab Titles, but didn’t found how to change the Font size of the Tab Content Text.
Which CSS do I have to add?
Thanks
FrankJust in case theres no German support available atm, let me translate it real quick:
Dear Kriesi Team
I would like to add icons to linked columns in the Mega Dropdown. Unlinked this works perfectly, in that I simply add a [av_font_icon] command to the column name. For example like this:
av_font_icon icon=’ue80b’ font=’fontello’ style=” caption=” size=’28px’ position=’left’ color=’#000000′ link=” linktarget=” sonar_effect_effect=” sonar_effect_color=” sonar_effect_duration=’1′ sonar_effect_scale=” sonar_effect_opac=’0. 5′ animation=” id=” custom_class=” template_class=” av_uid=” sc_version=’1.0′ admin_preview_bg=”][/av_font_icon] Energy & Environment.
(The example can be viewed on the Dev Instance in the “Company” tab. See private for link to dev instance).
However, as soon as the columns are linked, the icon is no longer displayed, but the whole [av_font_icon] command is displayed in plain text
How can I fix the error?
Do you need a temporary access to the backend?
Thanks for the support, Ben
Liebes Kriesi Team
Ich möchte im Mega Dropdown an verlinkte Columns Icons anfügen. Unverlinkt funktioniert das, in dem ich einfach einen [av_font_icon]-Befehl mitgebe. Zum Beispiel so:
av_font_icon icon=’ue80b’ font=’fontello’ style=” caption=” size=’28px’ position=’left’ color=’#000000′ link=” linktarget=” sonar_effect_effect=” sonar_effect_color=” sonar_effect_duration=’1′ sonar_effect_scale=” sonar_effect_opac=’0.5′ animation=” id=” custom_class=” template_class=” av_uid=” sc_version=’1.0′ admin_preview_bg=”][/av_font_icon] Energie & Umwelt
(Das Beispiel ist auf der Dev Instanz im Reiter „Unternehmen“ einsehbar. Link zur Dev Instanz siehe Privat.)
Sobald die Columns jedoch verlinkt sind, wird das Icon nicht mehr angezeigt, sondern der ganze [av_font_icon]-Befehl wird in Klartext angezeigt
Wie kann ich den Fehler beheben?
Benötigt ihr einen temporären Zugang zum Backend?
Danke für den Support, Ben
Hi there,
i have 2 question
1) May i know how to adjust the menu, including the font size and color and mega menu?2)http://www.rhonse.com/en/363-2/
the portfolio grid. how add some gap between the gridThanks for support.
best regards
Wang
In reply to: left sidebar problem
Hi Rikard,
May i know how to adjust the menu, including the font size and color and mega menu?
ThanksIn reply to: Updates Changing Fonts and Colours
Hi,
When I try the login I get this error: Incorrect credentials! Only administrators can access this page.
When I try the alternative login link I get this error: The username enfold is not registered on this site.
Please check.Looking back at your first post you wrote: I have been unable to do an Enfold update for a while because it changes my headings’ font sizes and colours.
Are only a few headings changed? Is all th other text, colors, and fonts correct? Perhaps we can correct the few headings with some css? Or is there a big change in the site?
Either way we should probably examine on your staging site first.Best regards,
MikeIn reply to: Problems on mobile
The CSS doesn’t appear to do anything. The sized of the headings stay the same. Editing the (Enfold Theme Options ▸ General Styling ▸ Typography ▸ Advanced Options: Customize Typography Settings) has no responsive settings. So I can’t use that.
Is there no way to change the font size of headings, inside of the editor? I can’t use break-word CSS, because then it cuts off letters and makes things unreadable. I don’t know what “mini font change” is, but I’m assuming it’s the name Kriesi has given to changing paragraph text. Where can I then change heading text?
In reply to: Sticky close button in a page
Hi,
I added this css to your WPCode plugin:#top.page-id-738 .avia-standard-logo, #top.page-id-5837 .avia-standard-logo, #top.page-id-5667 .avia-standard-logo { display: none; } #top.page-id-738 .main_menu, #top.page-id-5837 .main_menu, #top.page-id-5667 .main_menu { display: flex; justify-content: center; width: 100%; } #top.page-id-738 .main_menu [data-av_iconfont='entypo-fontello']:before, #top.page-id-5837 .main_menu [data-av_iconfont='entypo-fontello']:before, #top.page-id-5667 .main_menu [data-av_iconfont='entypo-fontello']:before { font-size: 58px; } #top.page-id-738 .main_menu .avia-button, #top.page-id-5837 .main_menu .avia-button, #top.page-id-5667 .main_menu .avia-button { border: none; } #top.page-id-738 .main_menu .avia-button:hover .avia-color-theme-color, #top.page-id-5837 .main_menu .avia-button:hover .avia-color-theme-color, #top.page-id-5667 .main_menu .avia-button:hover .avia-color-theme-color, #top.page-id-738 .main_menu .avia-button .avia-color-theme-color, #top.page-id-5837 .main_menu .avia-button .avia-color-theme-color, #top.page-id-5667 .main_menu .avia-button .avia-color-theme-color{ background-color: transparent; }please clear your browser cache and check the three pages.
Best regards,
Mike - … section at the bottom.
