Support | Kriesi.at – Premium WordPress Themes

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,
Rikard

September 11, 2024 at 7:33 pm #1466749

In 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;
}

November 21, 2023 at 12:32 pm #1426151

In reply to: Colors

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,
Mike

October 5, 2023 at 5:11 pm #1421517

In reply to: &-sign is very curly in Helvetica

Yigit

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,
Yigit

September 12, 2023 at 11:29 pm #1418950

In reply to: Non-fancy ampersand not italic

Nikko

Inactive Moderator

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,
Nikko

August 18, 2023 at 1:26 pm #1416542

In 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,
Mike

August 18, 2023 at 1:24 am #1416516

In 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,
Mike

August 17, 2023 at 4:29 pm #1416488

In reply to: Disable “graphic” ampersands, quotes and apostrophes

Yigit

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,
Yigit

August 17, 2023 at 2:13 pm #1416479

In reply to: Disable “graphic” ampersands, quotes and apostrophes

Rikard

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,
Rikard

June 26, 2023 at 11:21 am #1411712

In reply to: Comment fundtion on normal page doesn’t work

Ghilbert12

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 #1376019

In 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,
Ismael

December 12, 2022 at 4:37 pm #1375970

Topic: Change regular italic ampersand to light

in forum Enfold

Emanon

Participant

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.

September 27, 2022 at 6:55 pm #1366624

In 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 #1348199

In reply to: Header transparency is not kept in mobile view

stella-experience

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, 2 months ago by stella-experience.

January 31, 2022 at 6:51 am #1337986

In reply to: a single specific character; different rendering in headings and text

Hi,

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,
Ismael

January 30, 2022 at 10:28 am #1337902

In reply to: a single specific character; different rendering in headings and text

maybe 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 #1335447

Topic: Mobile displaying whitespace at top

in forum Enfold

onedesignprint

Participant

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 #1314701

Topic: Enfold: Center Small bar above Main Menu

in forum Enfold

jeremysecondary

Participant

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;
}

July 21, 2021 at 12:51 am #1310982

Topic: Woo Commerce and Centered logo with menu underneath cart issue

in forum Enfold

jleclair87

Participant

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’ );
}

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 #1307612

In 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,
Mike

June 9, 2021 at 11:43 am #1304841

In reply to: Number in Price table can not be seen on Apple device

Hey 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,
Ismael

May 4, 2021 at 4:09 am #1298130

In reply to: Shortcodes not working

s.fox@ferrycarrig.com.au

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;
}

December 19, 2020 at 6:39 am #1268583

In reply to: Theme Bug

Nikko

Inactive Moderator

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,
Nikko

December 15, 2020 at 3:18 pm #1267488

In reply to: Theme Bug

the 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 #1261540

Topic: ampersign in titles

in forum Enfold

anma

Participant

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

November 18, 2020 at 8:07 pm #1261359

Topic: Gap between grid cells on mobile

in forum Enfold

Ben

Participant

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!

June 29, 2020 at 9:37 am #1226334

In reply to: Home page not displaying correctly, contact form not working..

Hi,

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,
Ismael

June 7, 2020 at 10:35 pm #1220319

In reply to: The & sign

k358