-
AuthorSearch Results
-
December 11, 2025 at 9:28 am #1492393
Hey kurson,
Thank you for the inquiry.
The green color can be overridden using this css code:
.main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .main_color .blog-categories a, .html_elegant-blog #top .main_color .blog-categories a:hover { color: #555555; }This can also be adjusted in the Enfold > Advanced Styling panel — look for the strong tag and configure it.
Best regards,
IsmaelOctober 10, 2025 at 7:44 pm #1490025In reply to: Remove the special ampersand on Titles
Hey sitesme,
Please try the following in Quick CSS under Enfold->General Styling:
.special_amp { font-family: inherit; font-style: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit !important; }Best regards,
RikardDecember 3, 2024 at 8:36 pm #1472820In reply to: How to reduce space left from body?
Hey Jak73,
It looks like you found a solution for the space already?
Please try this CSS for the & character:
.special_amp { font-family: inherit; font-style: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; }Best regards,
RikardSeptember 11, 2024 at 7:33 pm #1466749In reply to: Responsiveness und “&-Zeichen”
Des Weiteren, wird das &-Zeichen bei uns falsch formatiert. die Schriftart wie auch die Farbe weichen von der ursprünglichen Schrift-Formatierung ab.
The ampersand (&-Zeichen) has its own css rules. If you like to get rid of those special settings:
#top .special_amp { font-size: inherit; color: inherit; line-height: 1; font-style: normal; font-family: inherit; font-weight: inherit; }Hi,
Your first screenshot of the icon boxes on your homepage:

the background color can be set in the element here:

or you can change all of them with this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.home .iconbox .iconbox_icon { background-color: #ebb400; border: 1px solid #fff; color: #fff; }this is the expected results:

After applying the css, please clear your browser cache and check.
To make the special amp symbol black, try this css:#top .main_color .special_amp { color: #000; }adjust the color to suit.
Is this what you had in mind?Best regards,
MikeOctober 5, 2023 at 5:11 pm #1421517In reply to: &-sign is very curly in Helvetica
Hi Henning,
Please add the following code to the Quick CSS field in Enfold theme options > General Styling tab:
#top .special_amp { font-size: inherit; line-height: 1; font-style: normal; font-family: inherit; font-weight: inherit; }Best regards,
YigitSeptember 12, 2023 at 11:29 pm #1418950In reply to: Non-fancy ampersand not italic
Hi stephaniebLOS,
Please try to use this CSS code:
.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; font-style: normal; }Hope it helps.
Best regards,
NikkoAugust 18, 2023 at 1:26 pm #1416542In reply to: Disable “graphic” ampersands, quotes and apostrophes
Hi,
When I check your page I see Yigit’s solution above loading:

Please remove this css and disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files then add this css to your WordPress ▸ Customize ▸ Additional CSS or Enfold Theme Options ▸ General Styling ▸ Quick CSS field and Then clear your browser cache and any cache plugin, and check.#top .special_amp { font-family: inherit; font-style: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit!important; }This is the results I see when I test on your page:

Best regards,
MikeAugust 18, 2023 at 1:24 am #1416516In reply to: Disable “graphic” ampersands, quotes and apostrophes
Hi,
Try this css instead:#top .special_amp { font-family: inherit; font-style: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit!important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeAugust 17, 2023 at 4:29 pm #1416488In reply to: Disable “graphic” ampersands, quotes and apostrophes
Hey,
Please use the code as the following:
#top .special_amp { font-size: 1em; line-height: 1; font-style: normal; font-family: inherit; font-weight: 300; }After that, please go to Enfold theme options > Performance and disable CSS file merging, save theme options, clear cache, and enable CSS file merging once again.
If that doesn’t work, please create temporary admin logins and share them with us in the private content field.
Regards,
YigitAugust 17, 2023 at 2:13 pm #1416479In reply to: Disable “graphic” ampersands, quotes and apostrophes
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
.special_amp { font-family: inherit; color: inherit; font-style: inherit; }Best regards,
RikardJune 26, 2023 at 11:21 am #1411712In 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;
}
}December 13, 2022 at 5:19 am #1376019In reply to: Change regular italic ampersand to light
Hey Alfredo,
Thank you for the inquiry.
You can replace the code above with the following css.
.special_amp { font-size: 1em; font-family: 'Heebo', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; }Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding modification.
Best regards,
IsmaelDecember 12, 2022 at 4:37 pm #1375970Topic: Change regular italic ampersand to light
in forum EnfoldEmanon
ParticipantHello guys,
I found this code in another thread. The ampersand has changed. But it’s still italic and regular or bold. I want it to be light, just as the other words in the sentence.
/*Change fancy ampersand to normal one*/
.special_amp {
font-family: initial !important;
font-size: inherit !important;
color: inherit !important
}Thanks in advance.
September 27, 2022 at 6:55 pm #1366624In reply to: Ampersand in different layout font
Well this is correlated to a class that is set automatically on ampersand character.
the class is set to:.special_amp { font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif; font-style: italic; font-size: 1.3em; line-height: 0.5em; font-weight: normal; color: inherit; }but that function is on functions-enfold.php line 970ff : avia_ampersand
so if in content an ampersand is set it will be changed to :<span class='special_amp'>&</span>April 13, 2022 at 10:10 am #1348199In reply to: Header transparency is not kept in mobile view
Hi Ismael,
thank you.
Unfortunately the header still appears in white after I did disable file compression setting accordingly.Questions:
– There are two } at the end of your CSS code, correct?
– If I put in only one } something is happening, but the header background is still white in mobile view. Then the burger menu seems in grey instead of white now according to my following CSS.– If there are perspective layout issues occuring is there alternatively a way to switch the burger menu color from #ffffff to #b50054 once the white background appears so at least it is still visible?
This is the full custom css code I have applied:
@media only screen and (min-width: 768px) and (max-width: 989px) { .responsive.html_mobile_menu_tablet #top #wrap_all #header { position: fixed; width: 100%; float: none; height: auto; margin: 0 !important; opacity: inherit; min-height: 0; } } .button { color: #b50054 !important; } div .logo { left: 45%; } .header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after { background-color: #ffffff; } #socket .sub_menu_socket li { border-left-width: 0px !important; } .socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .av-sort-by-term a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter, .socket_color #commentform .required, #top .socket_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .socket_color .blog-categories a, .html_elegant-blog #top .socket_color .blog-categories a:hover { color: #ffffff !important; } .socket_color a:hover, .socket_color h1 a:hover, .socket_color h2 a:hover, .socket_color h3 a:hover, .socket_color h4 a:hover, .socket_color h5 a:hover, .socket_color h6 a:hover, .socket_color .template-search a.news-content:hover, .socket_color .wp-playlist-item .wp-playlist-caption:hover { color: #B50054 !important; }Many thanks,
Sebastian-
This reply was modified 3 years, 9 months ago by
stella-experience.
January 31, 2022 at 6:51 am #1337986Hi,
Thank you for the update.
The above filter is supposed to disable the modification that the theme applies to the ampersand character and the css modifies the default style of the “special_amp” element. Please keep the css modification for now.
If you want to directly apply the default font to the ampersand, please use this css code.
.responsive #top .special_amp { font-size: 15px; font-weight: 400; font-family: 'rubik',Helvetica,Arial,sans-serif; font-style: normal; }Best regards,
IsmaelJanuary 30, 2022 at 10:28 am #1337902maybe you only deactivate the ampersand filter – try in your child-theme functions.php:
add_filter('avia_ampersand','__return_false');or you can set the class inserted by that filter to be not special:
.special_amp { font-family: inherit; font-style: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; }January 13, 2022 at 4:27 pm #1335447Topic: Mobile displaying whitespace at top
in forum Enfoldonedesignprint
ParticipantHi
We have whitespace displaying at the top when viewing on mobile phone.
We have disabled the menu using code found in a previous support thread;
.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }
@media only screen and (max-width: 767px) {
.av-main-nav-wrap {
display:none !important;
}
}Please help! Thanks
August 5, 2021 at 5:48 pm #1314701Topic: Enfold: Center Small bar above Main Menu
in forum Enfoldjeremysecondary
ParticipantHey Guys,
I am trying to make the small bar above the main menu have a solid background (#78bc1f) and stick to the top of the site.
I was able to center the menu, but I can’t make the background a solid color or make the bar stick to the top of the page.
This is the site: https://www.goddessgarden.com/This is a good example of another site on Enfold and how I want to look and function: https://premiumtufflock.com/
I tried the “small bar above the main menu” advanced styling and it didn’t work.
Here is the custom css on the site currently:
#socket .copyright {
width: 100%!important;
text-align: center!important;
}#top .aviaccordion-preview-title-wrap { background: rgba(119,188,31,0.9); }
#top .aviaccordion-title { font-size: 25px; }#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content * {
color: black;
}
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
margin: 0px;
width: 100%;
height: 100%;
background: rgba(255,249,245,0.98);
}.avia-no-number { opacity: 1; }
#top #header .avia_mega_div {
max-width: 1080px;
}/* Color section container width */
#section-container-width .container {
width: 100% !important;
min-width: 100%;
padding: 0;
margin: 0;
}.special_amp {
font-family: inherit;
font-size: inherit!important;
font-style: inherit;
font-weight: inherit;
color: inherit!important;
}/**
* Changes the redirect URL for the Return To Shop button in the cart.
*
* @return string
*/
function wc_empty_cart_redirect_url() {
return ‘https://www.goddessgarden.com/store/’;
}
add_filter( ‘woocommerce_return_to_shop_redirect’, ‘wc_empty_cart_redirect_url’ );#top #header_meta {background-color: red!important; }
.header_color .phone-info {color: white !important; }
.av_phone_active_right .phone-info {
float: none!important;
text-align: center!important;
}#top .av_header_transparency #header_meta {
border-bottom: 75;
}July 21, 2021 at 12:51 am #1310982Topic: Woo Commerce and Centered logo with menu underneath cart issue
in forum Enfoldjleclair87
ParticipantRecently I used the code from this thread https://kriesi.at/support/topic/centered-logo-shopping-cart-in-menu/ to put the shopping cart in the menu. The cart adds but the social media icons are not displaying in the right menu once I add this code. The social icons instead go to the left of the logo but I have already added a left header widget there so it just overlaps. I noticed several people are having issues with the shopping cart and the center logo with the menu underneath. Any help would be great on how to troubleshoot this!
Here is the code i added to the child theme.
<?php
/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/// Header Widget
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}function cart_in_nav(){
?>
<script>
(function($){
$(document).ready(function(){
var width = $(window).width(), height = $(window).height();
if ((width >= 768)) {
$( “#menu-item-shop” ).appendTo( “#avia-menu.av-main-nav” );
};
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘cart_in_nav’);and here is my css
/* cart_in_nav */
@media only screen and (min-width: 767px) {
#top #header_main ul#avia-menu ul#menu-item-shop,#top #header_main ul#avia-menu ul#menu-item-shop a.cart_dropdown_link {
display: block !important;
height: 50px !important;
line-height: 50px !important;
padding: 1px 10px !important;
border: none !important;
box-shadow: none !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop ul.woocommerce-mini-cart.cart_list.product_list_widget {
width: 100% !important;
height: 100% !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart-item.mini_cart_item a {
border: none !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart__buttons.buttons a {
border: none !important;
}
}
/* end cart_in_nav */.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }
@media screen and (max-width: 900px) {
#header .widget { display: none !important; }
}#header .widget {
left: 50px;
right: auto;
padding-top: 70px;
position: absolute;
top: 0;
transform: translate(-0%);
z-index: 999999;
}#top .inner_product,
#top .inner_product .inner_product_header {
border: none;
}#top .inner_product .inner_product_header .avia-arrow {
display: none;
}June 27, 2021 at 6:51 pm #1307612In reply to: View the burgher menu below 1200px ?
Hi,
Thank you for your patience, and for the login to your site, your issue was with your Quick CSS custom css, I started by removing all of your css and adding it back a little at a time, I found some errors and tried correcting them, in the end these are the two rules that seemed to be cuasing the problem:#header .main_menu { /*background: gold;*/ width: 100%; left: 50%; transform: translateX(-50%); } .av-main-nav-wrap { left: 50%; transform: translateX(-50%); }Please clear your browser cache and check.
For your information, this was your original css:
/* HEADER */ .navbar, .page-title-section { display: none; } .inner-container { position: relative; height: 150%; width: 100%; margin-top: 0px; } .responsive .logo img { margin: 45px 0 10px 0; } .header-introduction-small .section-head h1 { letter-spacing: 0; font-size: 40px !important; font-weight: 100; opacity: 0.6; padding: 150px 0px 0px 0px; } #top .av-main-nav ul a { width: 100%; height: auto; float: left; text-align: left; line-height: 23px; padding: 8px 15px; font-size: 17px; min-height: 23px; max-width: none; text-decoration: none; font-family: inherit; text-transform: uppercase; } #top #wrap_all .av_header_transparency { background-color: transparent; color: #131313; border-color: #ebebeb; } .header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a { background-color: #000; color: #fff; } .av-main-nav ul li:last-child > a { border-bottom-style: solid; border-bottom-width: 0px; } .av-main-nav ul li a { border-right-style: solid; border-right-width: 0px; border-left-style: solid; border-left-width: 0px; } /* BODY */ #top .av_inherit_color a { text-decoration: none; } .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a { color: #fff; line-height: inherit; font-size: 26px; font-family: 'cormorant-garamond','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif; text-transform: uppercase; } #top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select { border: 1px solid #F00; } #top #wrap_all .error .input_checkbox_label { color: #F00; } .avia-cookie-consent a.avia_cookie_infolink, .avia-cookie-consent p, .avia-cookie-consent .avia-cookie-consent-button { display: inline-block; vertical-align: middle; font-size: 18px !important; letter-spacing: 0.05em; } .avia-button.avia-size-medium { font-size: 16px; } strong, b { font-weight: normal; } #top .av-flex-placeholder { display: table-cell; width: 1%; } /* FOOTER*/ /* SOCKET*/ #socket .copyright { float: left; font-size: 16px; } .socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .av-sort-by-term a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter, .socket_color #commentform .required, #top .socket_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .socket_color .blog-categories a, .html_elegant-blog #top .socket_color .blog-categories a:hover { color: #ffffff; font-size: 16px; } .av-main-nav > li > a { padding: 0 23px; font-size: 18px; text-transform: uppercase; font-family: 'cormorant-garamond','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif; } @media only screen and (min-width: 780px) { /*In the below code nth-child(x) the value of x should be half the number of total menu items*/ #top #header .av-main-nav li:nth-child(2) { /* Adjust the width of the logo */ margin-right:15%; } #top #header .av-main-nav li:nth-child(3) { /* Adjust the width of the logo */ margin-left:15%; } #header .main_menu { /*background: gold;*/ width: 100%; left: 50%; transform: translateX(-50%); } .av-main-nav-wrap { left: 50%; transform: translateX(-50%); } #header .logo { left: 50%; transform: translateX(-50%); z-index:999; } #header .logo img { top: 20%; transform: translateY(-50%); max-width: 250px; } } /* Top Bar content alignment */ #top #header_meta .container { display: flex; justify-content: center; } #top #header_meta .sub_menu { top:0; } #top #header_meta .sub_menu, #top #header_meta .social_bookmarks { align-self: center; } #top #header_meta .phone-info { order: 2; } #top #header_meta .phone-info span { display: flex; align-items: center; } #top #header_meta .sub_menu { order: 1; } #top #header_meta .social_bookmarks { order: 3; } #avia-menu { width:1300px !important; } #menu-item-551 { margin-left: 0 !important; } /*fabio burger menu */ @media only screen and (max-width: 1199px) { #top #header .av-main-nav > li.menu-item { display: none!important; } #top #header .av-burger-menu-main { cursor: pointer; display: block!important; } .container.av-logo-container .header_main_alternate .container{ left:70%!important; } #avia-menu { float: right; width: auto !important; } }and this is what you have now:
/* BODY */ #top .av_inherit_color a { text-decoration: none; } .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a { color: #fff; line-height: inherit; font-size: 26px; font-family: 'cormorant-garamond','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif; text-transform: uppercase; } #top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select { border: 1px solid #F00; } #top #wrap_all .error .input_checkbox_label { color: #F00; } .avia-cookie-consent a.avia_cookie_infolink, .avia-cookie-consent p, .avia-cookie-consent .avia-cookie-consent-button { display: inline-block; vertical-align: middle; font-size: 18px !important; letter-spacing: 0.05em; } .avia-button.avia-size-medium { font-size: 16px; } strong, b { font-weight: normal; } #top .av-flex-placeholder { display: table-cell; width: 1%; } /* FOOTER*/ /* SOCKET*/ #socket .copyright { float: left; font-size: 16px; } .socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .av-sort-by-term a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter, .socket_color #commentform .required, #top .socket_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .socket_color .blog-categories a, .html_elegant-blog #top .socket_color .blog-categories a:hover { color: #ffffff; font-size: 16px; } /*fabio burger menu */ @media only screen and (max-width: 1199px) { #top #header .av-main-nav > li.menu-item { display: none!important; } #top #header .av-burger-menu-main { cursor: pointer; display: block!important; } .container.av-logo-container .header_main_alternate .container{ left:70%!important; } #avia-menu { float: right; width: auto !important; } } /* Top Bar content alignment */ #top #header_meta .container { display: flex; justify-content: center; } #top #header_meta .sub_menu { top:0; } #top #header_meta .sub_menu, #top #header_meta .social_bookmarks { align-self: center; } #top #header_meta .phone-info { order: 2; } #top #header_meta .phone-info span { display: flex; align-items: center; } #top #header_meta .sub_menu { order: 1; } #top #header_meta .social_bookmarks { order: 3; } #menu-item-551 { margin-left: 0 !important; } /* HEADER */ .navbar, .page-title-section { display: none; } .inner-container { position: relative; height: 150%; width: 100%; margin-top: 0px; } .responsive .logo img { margin: 45px 0 10px 0; } .header-introduction-small .section-head h1 { letter-spacing: 0; font-size: 40px !important; font-weight: 100; opacity: 0.6; padding: 150px 0px 0px 0px; } #top .av-main-nav ul a { width: 100%; height: auto; float: left; text-align: left; line-height: 23px; padding: 8px 15px; font-size: 17px; min-height: 23px; max-width: none; text-decoration: none; font-family: inherit; text-transform: uppercase; } #top #wrap_all .av_header_transparency { background-color: transparent; color: #131313; border-color: #ebebeb; } .header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a { background-color: #000; color: #fff; } .av-main-nav ul li:last-child > a { border-bottom-style: solid; border-bottom-width: 0px; } .av-main-nav ul li a { border-right-style: solid; border-right-width: 0px; border-left-style: solid; border-left-width: 0px; } .av-main-nav > li > a { padding: 0 23px; font-size: 18px; text-transform: uppercase; font-family: 'cormorant-garamond','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif; } /* HEADER */ .navbar, .page-title-section { display: none; } .inner-container { position: relative; height: 150%; width: 100%; margin-top: 0px; } .responsive .logo img { margin: 45px 0 10px 0; } .header-introduction-small .section-head h1 { letter-spacing: 0; font-size: 40px !important; font-weight: 100; opacity: 0.6; padding: 150px 0px 0px 0px; } #top .av-main-nav ul a { width: 100%; height: auto; float: left; text-align: left; line-height: 23px; padding: 8px 15px; font-size: 17px; min-height: 23px; max-width: none; text-decoration: none; font-family: inherit; text-transform: uppercase; } #top #wrap_all .av_header_transparency { background-color: transparent; color: #131313; border-color: #ebebeb; } .header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a { background-color: #000; color: #fff; } .av-main-nav ul li:last-child > a { border-bottom-style: solid; border-bottom-width: 0px; } .av-main-nav ul li a { border-right-style: solid; border-right-width: 0px; border-left-style: solid; border-left-width: 0px; } @media only screen and (min-width: 766px) { #top #header .av-main-nav li:nth-child(2) { /* Adjust the width of the logo */ margin-right:15%; } #top #header .av-main-nav li:nth-child(3) { /* Adjust the width of the logo */ margin-left:15%; } #header .logo img { top: 20%; transform: translateY(-50%); max-width: 250px; } #header .logo { left: 50%; transform: translateX(-50%); z-index:999; } } @media only screen and (min-width: 1200px) { #avia-menu { width:1200px !important; } }Best regards,
MikeJune 9, 2021 at 11:43 am #1304841Hey shtzhang,
Thank you for the inquiry.
Did you add this css code?
.main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .main_color .blog-categories a, .html_elegant-blog #top .main_color .blog-categories a:hover { color: #6786a1; }You may need to override it with the following css rule to change the color of the price on mobile view.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .main_color .avia-pricing-row strong { color: #ffffff; } }Best regards,
IsmaelMay 4, 2021 at 4:09 am #1298130In reply to: Shortcodes not working
Hi Nikko, I have been trying with a number of different short codes, all unresponsive except the first one.
#top .social_bookmarks li a:hover {
background: transparent!important;
color: #f27222!important;button.mfp-arrow {
display: none;
}.special_amp {
font-family: inherit;
font-style: normal;
font-size: inherit;
font-weight: inherit;
}.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }
#footer .news-time {
display:none !important;
}#portfoliobox-2 span.news-time {
display: none;
}.news-time {
display: none;
}#portfoliobox-6 .news-time {
display: none;
}Hi kosmosdigital,
We apologize for the delayed response.
I have added this code in your Quick CSS, which fixed the issue with ampersand:.main_color .special_amp { color: inherit; font-family: inherit; font-size: inherit; font-style: normal; font-weight: inherit; line-height: inherit; }The mobile menu is also fixed.
Please review your site and let us know if there are parts that still has some issue.:)
@Guenni007 Thanks a lot for helping out :)Best regards,
Nikkothe class: special_amp gets all the color from .main-color a, .main-color strong etc pp
you can overwrite the rules on :
.special_amp { font-family: inherit; font-style: normal; font-size: inherit; line-height: inherit; font-weight: inherit !important; color: currentColor !important; }November 19, 2020 at 1:38 pm #1261540Topic: ampersign in titles
in forum Enfoldanma
ParticipantHello,
I found the CSS to change the ampersign in TITLES > & to a normal sign but this does not work :
.special_amp {
font-family: inherit;
font-style: normal;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit !important;
}Look here (private content) this is the company name and important to my client that this “&” appears normal, can you advise please?
Thank you in advance, AB
November 18, 2020 at 8:07 pm #1261359Topic: Gap between grid cells on mobile
in forum EnfoldBen
ParticipantHi,
Thanks in advance for your great support with this theme.
I’ve got a mobile-specific version of services icons on my frontpage but there’s a 1px horizontal line appearing between grid cells. I’ve tried setting border:0 but it didn’t get rid of it.
Here’s the custom CSS I’ve got:
.av_promobox { margin-top: 0px; } /*---------------------------------------- // Grid cell gap //--------------------------------------*/ @media only screen and (min-width: 990px) { #icons-grid .flex_cell { border-width: 24px!important; border-right-width: 0px!important; border-bottom-width: 0px!important; border-style: solid!important; border-color: #FFF!important; } #icons-grid .flex_cell:last-child { border-right-width: 24px!important; } /*---------------------------------------- // CSS - Separator Styles //--------------------------------------*/ /* Dotted line */ .hr-inner { border: 2px dashed; } .special_amp { font-family: initial !important; }Thank you so much!
June 29, 2020 at 9:37 am #1226334Hi,
Thank you for the update.
You can use this css code to adjust the color of the links.
.alternate_color a, .alternate_color .widget_first, .alternate_color strong, .alternate_color b, .alternate_color b a, .alternate_color strong a, .alternate_color #js_sort_items a:hover, .alternate_color #js_sort_items a.active_sort, .alternate_color .av-sort-by-term a.active_sort, .alternate_color .special_amp, .alternate_color .taglist a.activeFilter, .alternate_color #commentform .required, #top .alternate_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .alternate_color .blog-categories a, .html_elegant-blog #top .alternate_color .blog-categories a:hover { color: #6786a1 !important; }Please add it in the Quick CSS field or the child theme’s style.css file, and toggle the Performance > File Compression settings afterwards.
Best regards,
IsmaelJune 7, 2020 at 10:35 pm #1220319In reply to: The & sign
Every font gets that special ampersand because of a class .special_amp.
Here’s what I did in my site custom css:
.special_amp {
font-family: inherit;
font-size: inherit;
font-style: inherit;
} -
This reply was modified 3 years, 9 months ago by
-
AuthorSearch Results
-
Search Results
-
Hello guys,
I found this code in another thread. The ampersand has changed. But it’s still italic and regular or bold. I want it to be light, just as the other words in the sentence.
/*Change fancy ampersand to normal one*/
.special_amp {
font-family: initial !important;
font-size: inherit !important;
color: inherit !important
}Thanks in advance.
Hi
We have whitespace displaying at the top when viewing on mobile phone.
We have disabled the menu using code found in a previous support thread;
.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }
@media only screen and (max-width: 767px) {
.av-main-nav-wrap {
display:none !important;
}
}Please help! Thanks
Hey Guys,
I am trying to make the small bar above the main menu have a solid background (#78bc1f) and stick to the top of the site.
I was able to center the menu, but I can’t make the background a solid color or make the bar stick to the top of the page.
This is the site: https://www.goddessgarden.com/This is a good example of another site on Enfold and how I want to look and function: https://premiumtufflock.com/
I tried the “small bar above the main menu” advanced styling and it didn’t work.
Here is the custom css on the site currently:
#socket .copyright {
width: 100%!important;
text-align: center!important;
}#top .aviaccordion-preview-title-wrap { background: rgba(119,188,31,0.9); }
#top .aviaccordion-title { font-size: 25px; }#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content * {
color: black;
}
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
margin: 0px;
width: 100%;
height: 100%;
background: rgba(255,249,245,0.98);
}.avia-no-number { opacity: 1; }
#top #header .avia_mega_div {
max-width: 1080px;
}/* Color section container width */
#section-container-width .container {
width: 100% !important;
min-width: 100%;
padding: 0;
margin: 0;
}.special_amp {
font-family: inherit;
font-size: inherit!important;
font-style: inherit;
font-weight: inherit;
color: inherit!important;
}/**
* Changes the redirect URL for the Return To Shop button in the cart.
*
* @return string
*/
function wc_empty_cart_redirect_url() {
return ‘https://www.goddessgarden.com/store/’;
}
add_filter( ‘woocommerce_return_to_shop_redirect’, ‘wc_empty_cart_redirect_url’ );#top #header_meta {background-color: red!important; }
.header_color .phone-info {color: white !important; }
.av_phone_active_right .phone-info {
float: none!important;
text-align: center!important;
}#top .av_header_transparency #header_meta {
border-bottom: 75;
}Recently I used the code from this thread https://kriesi.at/support/topic/centered-logo-shopping-cart-in-menu/ to put the shopping cart in the menu. The cart adds but the social media icons are not displaying in the right menu once I add this code. The social icons instead go to the left of the logo but I have already added a left header widget there so it just overlaps. I noticed several people are having issues with the shopping cart and the center logo with the menu underneath. Any help would be great on how to troubleshoot this!
Here is the code i added to the child theme.
<?php
/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/// Header Widget
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}function cart_in_nav(){
?>
<script>
(function($){
$(document).ready(function(){
var width = $(window).width(), height = $(window).height();
if ((width >= 768)) {
$( “#menu-item-shop” ).appendTo( “#avia-menu.av-main-nav” );
};
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘cart_in_nav’);and here is my css
/* cart_in_nav */
@media only screen and (min-width: 767px) {
#top #header_main ul#avia-menu ul#menu-item-shop,#top #header_main ul#avia-menu ul#menu-item-shop a.cart_dropdown_link {
display: block !important;
height: 50px !important;
line-height: 50px !important;
padding: 1px 10px !important;
border: none !important;
box-shadow: none !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop ul.woocommerce-mini-cart.cart_list.product_list_widget {
width: 100% !important;
height: 100% !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart-item.mini_cart_item a {
border: none !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart__buttons.buttons a {
border: none !important;
}
}
/* end cart_in_nav */.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }
@media screen and (max-width: 900px) {
#header .widget { display: none !important; }
}#header .widget {
left: 50px;
right: auto;
padding-top: 70px;
position: absolute;
top: 0;
transform: translate(-0%);
z-index: 999999;
}#top .inner_product,
#top .inner_product .inner_product_header {
border: none;
}#top .inner_product .inner_product_header .avia-arrow {
display: none;
}Topic: ampersign in titles
Hello,
I found the CSS to change the ampersign in TITLES > & to a normal sign but this does not work :
.special_amp {
font-family: inherit;
font-style: normal;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit !important;
}Look here (private content) this is the company name and important to my client that this “&” appears normal, can you advise please?
Thank you in advance, AB
Hi,
Thanks in advance for your great support with this theme.
I’ve got a mobile-specific version of services icons on my frontpage but there’s a 1px horizontal line appearing between grid cells. I’ve tried setting border:0 but it didn’t get rid of it.
Here’s the custom CSS I’ve got:
.av_promobox { margin-top: 0px; } /*---------------------------------------- // Grid cell gap //--------------------------------------*/ @media only screen and (min-width: 990px) { #icons-grid .flex_cell { border-width: 24px!important; border-right-width: 0px!important; border-bottom-width: 0px!important; border-style: solid!important; border-color: #FFF!important; } #icons-grid .flex_cell:last-child { border-right-width: 24px!important; } /*---------------------------------------- // CSS - Separator Styles //--------------------------------------*/ /* Dotted line */ .hr-inner { border: 2px dashed; } .special_amp { font-family: initial !important; }Thank you so much!
