Page 8 – Support | Kriesi.at – Premium WordPress Themes

Viewing 30 results - 211 through 240 (of 633 total)

← 1 2 3 … 7 8 9 … 20 21 22 →

Author

Search Results
October 9, 2017 at 3:01 pm #861926

In reply to: Icon box
Yigit
Keymaster
Hi!

Please go to Enfold theme options > Layout Builder and check “Show element options for developers” and then edit your element and give it a custom CSS class (“your-custom-class” in example below) and then use the code as following
```
.your-custom-class .iconbox_content {
  padding-top:5px;
}
```
Best regards,
Yigit
October 7, 2017 at 6:05 am #861316

Topic: Custom Color Picker for WooCommerce

in forum Enfold
Kahil
Participant
THIS IS NOT A SUPPORT REQUEST, IT’S JUST THE TIP BRO

If you’re using the Advanced Layout option to build your WooCommerce product pages, here is a simple way to include a custom color picker that will output the hex code. This is great for products where you offer a custom color option. Note, this won’t automatically put the hex code into any input boxes, but it will allow your customers to find the right color so they can copy/paste the code into the appropriate field. Once you add the code below to your child theme’s functions.php file and have edited it to reflect the script file locations, you can place the shortcode into a code snippet widget and place wherever you want. I used the shortcode in conjunction with an iconbox field so I could give directions.

You will need to download, then upload a few simple javascript files….then adjust the code below to reflect the location. Feel free to scan the files for errors prior to uploading to your server…always a smart thing to do.
DOWNLOAD

Here is an example…
```
// Add color picker script to header
add_action('wp_head','get_custom_color');
function get_custom_color( ){
	echo '<script src="[replace with direct location to file - custom-color.js]"></script>';
	echo '<script src="[replace with direct location to file - jscolor.js]"></script>';
}
// Create color picker shortcode
function get_colorpicker() {
	$misccode = "{onFineChange:'update(this)',valueElement:null,value:'66ccff'}";
    return '<div style="padding-top:8px!important;"><button class="jscolor '. $misccode .'" style="width:40px; height:40px; border: 1px solid #e1e1e1; float: left; margin: 0px 10px 15px 5px; border-radius:3px;"></button><div style="font-size:20px!important; margin-top:8px;"><span id="hex-str" style="color:#959595!important;"><span style="font-size:50px!important; vertical-align:text-top!important; color:#959595!important;">☚</span> Choose a color...</span></div></div>';
}
add_shortcode( 'color_picker', 'get_colorpicker' );
```
- This topic was modified 8 years, 4 months ago by Kahil.
September 29, 2017 at 4:38 am #858310

In reply to: Re: hover colour for icons
John Torvik
Inactive Moderator
Hi,

You can affect all the pages using this custom code:
```
.iconbox_icon:hover:before {
  color: darkgray !important;
}
```
Best regards,
John Torvik
September 26, 2017 at 6:42 pm #857085

In reply to: Manually set link includes shortcode brackets not parsed right.

energykick
Participant

Yes, disabled and still same issue. My link inside the Icon Box looks like this:
https://pbxexpress.3cx.com/?resellerId=[217331]

and when I insert it into the Set Manually option of the Icon Box or Button I get this:
IconBox Title
‘ linktarget=” linkelement=” font_color=” custom_title=” custom_content=” color=” custom_bg=” custom_font=” custom_border=” admin_preview_bg=”]

If I remove the [] from the link it displays fine. It is somehow parsing the [] in the link as maybe a shortcode. Is there some way around that so I can use the cool Elements instead of plain links?

Thanks,
Rob

August 30, 2017 at 9:45 am #845708

In reply to: Can't toggle color section
Guenni007
Participant
and by the way you can replace the text inside your button on click:

In my case on the testpage it is “contact me” to replace
```
function add_custom_toggler(){
?>
<script>
jQuery(window).load(function () {
  jQuery("#toggle-color-section").addClass("notseen");
  jQuery(".avia-button-wrap.color-section-toggler").click(function () {
   jQuery("#toggle-color-section").toggleClass("notseen");

   jQuery(".avia-button-wrap.color-section-toggler span.avia_iconbox_title").text(function(i, v){
           return v === "contact me" ? "thanks for your interest" : "contact me"
   })	  
  });
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_toggler');
```
etc. pp
August 16, 2017 at 10:15 pm #840089

In reply to: Icon or Icon Box Functions
Nikko
Inactive Moderator
Hey cosburg,

1st question: Yes, it’s possible, just add this css code in Quick CSS (located in Enfold > General Styling):
```
#top .iconbox_left_content .iconbox_icon, 
#top .iconbox_right_content .iconbox_icon {
    border-radius: 5px;
}
```
Just change the border-radius value.

2nd question: I think it’s possible though there’s no option for that and you would need to tweak some theme files, unfortunately this customization would take some time and outside the scope of our support :(

Best regards,
Nikko
August 12, 2017 at 10:21 pm #838056

In reply to: Center grid row
Victoria
Inactive Moderator
Hi runekjensen,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
#av-layout-grid-1 .iconbox.iconbox_left_content.avia-builder-el-2 {
	width: 22%;
    margin: 0 auto;
}
```
If you need further assistance please let us know.
Best regards,
Victoria
August 12, 2017 at 7:38 pm #837995

In reply to: Opening a newsletter subscribe form in modal window
Mike
Moderator
Hi,
Here is a solution, use this code as your button:
```
<a href="http://yoursite.com/newsletter-signup/?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]"" class="avia-button   avia-icon_select-no avia-color-light avia-size-large avia-position-center "><span class="avia_iconbox_title">SUBSCRIBE</span></a>
```
For other links change the url, but leave the ?iframe=…
Then on the page that the url points to hide the Header, Footer & Title Bar:

Then to make the Code Block button align center I added the custom class “lbb”

And added this code in the General Styling > Quick CSS field:
```
.avia_codeblock.lbb {text-align: center;}
```
Best regards,
Mike
August 10, 2017 at 2:08 pm #836980

In reply to: after theme update some things changed
lech07
Participant
ok, the minify plugin is deactivated also.
where can i find this code?

I found the code you are refering to in my custom css:

View post on imgur.com

This is my full quick css. maybe there are other errors?

#avia2-menu {
position: relative;
top: -3px;
}

#top .flag-dansk {
background: url(‘http://www.zorbas.dk/wp-content/uploads/2017/03/dansk-flag.png’) center center no-repeat !important;
height: 18px;
width: 50px;
text-indent: -9999em;
}

#top .flag-svensk {
background: url(‘http://www.zorbas.dk/wp-content/uploads/2017/03/svensk-flag.png’) center center no-repeat !important;
height: 18px;
width: 50px;
text-indent: -9999em;
}

#top .flag-dansk a,
#top .flag-svensk a {
display: block;
}

.custom-tag {
padding: 5px;
background-color: rgba(0,0,0,0.5);
}

#top .widget_nav_menu {
padding-top: 0;
}

.sidebar_left {
-moz-box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
}

.sidebar_left .inner_sidebar {
margin-right: 0 !important;
}

.sidebar_left .widget_nav_menu ul li a {
border: 1px solid #e1e1e1;
border-right: 0;
border-left: 0;
color: #666;
margin: 0 0 -1px;
padding: 12px 16px !important;
text-align: left;
}

.sidebar_left .widget_nav_menu ul li.current-menu-item a {
color: #719430;
}

/*8bba34*/

.sidebar_left .widget_nav_menu ul li:first-child a {
border-top: 0;
}

.page-id-79 #element_avia_17_1 {
width: 100%;
margin-left: 0;
}

.av-catalogue-content {
padding-right: 0px;
}
.avia-testimonial-image {
float: none;
margin: 0 auto 0px auto;
}
.avia-testimonial-meta {
margin-left: 0;
text-align: center;
}

.lch-progrees-bar {
padding-right: 0px;
margin-right: -0px;
}

.page-id-118 .sidebar_left #nav_menu-2 {
display: none;
}

.page-id-120 .sidebar_left #nav_menu-2 {
display: none;
}

.page-id-123 .sidebar_left #nav_menu-2 {
display: none;
}

.page-id-125 .sidebar_left #nav_menu-2 {
display: none;
}

/*
@media only screen and (max-width: 767px) {
.responsive .avia-grid-testimonials .avia-testimonial-meta {
margin-left: 130px;
}}*/

@media only screen and (max-width: 989px) and (min-width: 768px) {
.lch-progress-bar {
padding-right: 0px;
margin-right: 50px;
}
}

@media only screen and (min-width: 768px) {
.home #av_section_2 .entry-content-wrapper {
display: -webkit-flex;
display: flex;
flex-direction: row;
}

.home #av_section_2 .entry-content-wrapper .iconbox,
.home #av_section_2 .entry-content-wrapper .iconbox_content {
height: 100%;
}

.home #av_section_2 .entry-content-wrapper .iconbox_content {
padding-bottom: 0;
}
}

.home #av_section_2 .entry-content-wrapper .iconbox_content {
padding-bottom: 30px!important;
}

.home #av_section_2 .entry-content-wrapper .iconbox_content .avia-button-center {
position: absolute;
bottom: 0;
transform: translateX(-50%);
left: 50%;
width:90%;
}

@media only screen and (max-width: 767px) {
.av-catalogue-price {
font-size: 14px;
position: relative;
}
.av-catalogue-title {
font-size: 14px;
line-height: 1.5em;
}

.avia_textblock {
line-height: 37px;
}

h1 {
line-height: 60px;
}

.fb-page.fb_iframe_widget,
.fb-page.fb_iframe_widget span {
position: static !important;
width: 100% !important;
}

.av-catalogue-content p:last-child {
font-size: 11px;
}

.av-catalogue-image {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}

.responsive .tabcontainer .tab_content {
padding: 0 5px;
}

.av-catalogue-content p {
font-size: 10px !important;
}

.progressbar-title {
font-size: 11px;
}

.avia_message_box_content {
margin-left: -8px;
margin-right: -8px;
}
}
@media only screen and (max-width: 767px) {
.av-catalogue-price {
font-size: 11px;
position: relative;
}
.av-catalogue-title {
font-size: 11px;
line-height: 1.5em;
}
}
@media only screen and (max-width: 1024px) {
nav.main_menu {
display:none !important;
}
#advanced_menu_toggle, #advanced_menu_hide {
display:block !important;
}
}
- This reply was modified 8 years, 6 months ago by lech07.
July 19, 2017 at 8:18 am #823739

In reply to: SEARCH box fullpage under Nav menu
niguli
Participant
I solved with a bunch of css lines:

Hope these lines can helps others:
```
/* regole andrea cerca */
.html_header_top.html_header_sticky #top #wrap_all #main{
    padding-top: 171px !important;
}

#menu-item-search {
    position: absolute;
    width: 100%;
    background: white;
    left: 0;
    top: 134px;
}
#top #searchform>div{
    max-width: 100%;
}
#avia-menu #menu-item-search{
    display: none;
}
input#s{
    text-align: center;
}
.ajax_search_title{
    color: #8cae56 !important;
}

@media (min-width: 1151px){
    #header .avia_mega_div{
        margin-top: 40px !important;
    }
    li#menu-item-480 ul.sub-menu{
        padding-top: 40px !important;
    }
}

@media (min-width: 768px){
    #menu-item-search{
        position: fixed;
    }
}
@media (max-width: 767px){
    #menu-item-search{
        top: 128px;
    }
    .responsive .logo img{
        max-height: 60px;
        height: 60px !important;
        top: -8px;
    }
    #advanced_menu_toggle{
        top: 28px !important;
    }
}

/* Questo per le colorazioni  */ 
@media (min-width: 1151px){
    ul.sub-menu a{
        background: transparent !important;
        border: 0 !important;
    }
    ul.sub-menu li:hover{
        /* Colore di Default */
        background:#0c5ca2;
    }
    #top #header .avia_mega_div > .sub-menu > li{
        padding-top: 0 !important;
        -webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
    }
/* fine regole andrea cerca */    

    /* Colori Voci Menu */

/* ---prima riga -- */

/* servizi-h24 */ 
 li#menu-item-811:hover{
        background: #0c5ca2;
}

/* Poliambulatori Specialistici  */
 li#menu-item-808:hover{
        background: #745f7e;
}

/* ricoveri */
 li#menu-item-333:hover{
        background: #5CC9F5;
}

/* analisi cliniche */
  li#menu-item-334:hover{
        background: pink;
    }

/* --- seconda riga -- */

/* diagnostica per immagini */
 li#menu-item-336:hover{
        background: #4ecac2;
}

/* centro-cuore */
 li#menu-item-340:hover{
        background: #b02b2c;
}

/* maternità ostetricia ginecologia */
 li#menu-item-341:hover{
        background: #d4b4ce;
}        
        
/* ambulatorio-infermieristico */
 li#menu-item-353:hover{
        background: grey;
}

/* ---terza riga -- */

/* servizi-sanitari-a-domicilio */
 li#menu-item-342:hover{
        background: #6E2233;
}

/* sportclinique */
 li#menu-item-344:hover{
        background: #83a846;
}

/* checkup */
 li#menu-item-354:hover{
        background: #745F7E;
}

/* Questo invece se ti serve di vedere il menu direttamente aperto fisso */

 /* .av-main-nav > li{
	overflow: visible !important;
}
#top #wrap_all .av-main-nav ul > li:hover > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul{
	opacity: 1 !important;
	display: block !important;
} */

/* fine  */

@media only screen and (max-width: 1150px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}

   #top #header_main > .container, #top #header_main > .container .main_menu ul > li > a, #top #header_main #menu-item-shop .cart_dropdown_link {
    height: 100px !important;
    line-height: 80px !important;
    }}

div.av_iconlist_title.iconlist_title_small a {
    text-decoration: underline !important;
}
span.copyright {
width: 100%;
  font-size: 15px;
text-align: center;
}

strong.logo a img {
    margin-top: 12px;
}

.main_color .toggler:hover {
background-color: #0c5ca2 !important;
color: #fff !important;
}

span.toggle_icon:hover {
background-color: #0c5ca2 !important;
color: #fff !important;
}

span.hor_icon:hover {
background-color: #0c5ca2 !important;
color: #fff !important;
}

ul.av-share-box-list noLightbox {
color: #0c5ca2 !important;
}

ul.av-share-box-list.noLightbox {
    border-color: #0c5ca2 !important;
}

li.av-share-link.av-social-link-twitter a {
    border-color: #0c5ca2 !important;
}

div.phone-info {
    border-style: dotted;
    border-width: 1px;
    border-color: #ab5e62;
    padding-left: 5px;
    padding-right: 5px;
}

div.phone-info:hover {
    border-style: dashed;
    border-width: 1px;
    border-color: #ab5e62;
    padding-left: 5px;
    padding-right: 5px;
}

ul.sub-menu {
    background-color: #ffffff !important;
}

/* home 2  */

a.avia-button.av-icon-on-hover.avia-icon_select-yes-right-icon.avia-color-dark.avia-size-medium.avia-position-center {
    border-color: #0c5ca2 !important;
}

/* span.avia_iconbox_title {
    color: #0c5ca2;
}

span.avia_iconbox_title:hover {
    color: #5e82ad;
}
*/

/*  colore slide news homepage */
h3.slide-entry-title.entry-title a {
    color: #ffffff !important;
}

/ * nascondo ALLERGOLOGIA */
ul.nested_nav {
    display: none !important;
}
li.page_item.page-item-103 a {
    display: none;
}

ul.nested_nav {
    display: none;
}

span.menu-image-title {
    line-height: 70% !important;
} 

span.menu-image-title:active {
   color: #ab5e62;
}

a.av-section-tab-title.av-active-tab-title.av-tab-with-icon.av-tab-no-image {
    color: #ffffff !important;
}

li.noMobile.menu-item.menu-item-search-dropdown.menu-item-avia-special a {
    font-size: 22px !important;
color: #83a846 !important;
}

div.av-flex-placeholder {
    width: 40px !important;
}

#top #s { 
color: #83a846 !important;
}

.header_color .avia-tt, .header_color .avia-tt .avia-arrow, .header_color .avia-tt .avia-arrow { background-color: #83a846; border-color: #fff; }

ajax_search_excerpt { 
font-weight: bold;
color: #fff !important;
}

a.ajax_search_entry.ajax_search_entry_view_all {
    background-color: #ffffff !important;
}

a.ajax_search_entry.with_image:hover {
    background-color: #d4b4ce !important;
}

#s {
    font-size: 13px !important;
}

/* customizzo tab homepage */
div.av-layout-tab.av-animation-delay-container.av-active-tab-content.__av_init_open.avia-builder-el-34.el_before_av_tab_sub_section.avia-builder-el-first {
    background-color: #d4b4ce;
}

div.av-layout-tab.av-animation-delay-container.avia-builder-el-41.el_after_av_tab_sub_section.el_before_av_tab_sub_section.av-active-tab-content {
    background-color: #4ecac2;
}

div.av-layout-tab.av-animation-delay-container.avia-builder-el-44.el_after_av_tab_sub_section.avia-builder-el-last.av-active-tab-content {
    background-color: #ab5e62;
}

/* fine */

#top #header_main > .container, #top #header_main > .container .main_menu ul > li > a, #top #header_main #menu-item-shop .cart_dropdown_link{
	height: 100px !important;
    line-height: 80px !important;
    position: relative;
}

/* regole per interlinea megamenu andrea */
.menu-item a.menu-image-title-after.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper {
    padding-right: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sub-menu span.menu-image-title{
	padding-left: 50px;
	line-height: 16px !important;
	vertical-align: middle;
	display: inline-block;
}
```
July 17, 2017 at 1:47 pm #822596

In reply to: Transparency for Promo Box or Text Block with slight transparency
Victoria
Inactive Moderator
Hi andreasjustesen,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
.page-id-585 .main_color.iconbox_top .iconbox_content {
  background: rgba(255, 255, 255, 0.3);
}
```
If you need further assistance please let us know.
Best regards,
Victoria
June 21, 2017 at 3:27 pm #810999

In reply to: ICON BOX TITLE AND CONTENT

mleite1
Participant

Is the ICON BOX CUSTOM field to control only the title? I use this code and do not control color, and the letter is always bold.

CSS CLASS NAME: iconboxtit

CODE
/*ICON BOX TITLE*/
.iconboxtit {
font-family: ‘Unna’, ‘Lora’, Arial, sans-serif;
letter-spacing: 0.1px;
text-transform: normal;
text-align: center;
line-height: 175%;
font-size: 26px;
color: #885212;
}
ANOTHER QUESTION
How do you control CONTENT through CSS?

June 15, 2017 at 5:05 pm #808621

In reply to: Custom Icon on Icon Box

Sarah
Inactive Moderator

Hey Samuel,

Can you try the solutions here?

How to use images instead of icons in an icon box?

https://kriesi.at/support/topic/how-to-add-custom-icons-to-iconbox/

Please let us know if you need further help.

Best regards,
Sarah

June 14, 2017 at 1:47 pm #807965

In reply to: image in stead of color in iconbox
Sarah
Inactive Moderator
Hey famewebdesign,

Hi there! Can you please try this in Quick CSS?
```
.main_color.iconbox_top .iconbox_icon {
background-image: url('imagepath.png');
}
```
Please replace imagepath.png with the full filepath of the background you want to use.

Please note that this will affect ALL your iconboxes in your site. If you want to only do this for the two iconboxes you specified, please use this code instead:
```
.avia-builder-el-6 .main_color.iconbox_top .iconbox_icon,
.avia-builder-el-8 .main_color.iconbox_top .iconbox_icon {
background-image: url('imagepath.png');
```
We also recommend taking a look at using Custom Classes for ALB elements: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

This can help you easily specify styles for your elements. :)

Best regards,
Sarah
June 9, 2017 at 7:46 am #805885

In reply to: Background Color of Icon
Sarah
Inactive Moderator
Hi!

Okay, for the second block, the custom class is rca-iconbox-map, correct? Please apply this code instead:
```
.rca-iconbox-map .av-icon-char {background-color:red !important;}
```
The code I first gave you won’t work for the first block anymore because the element ID is avia-builder-el-11, so my code should have been adjusted to .avia-builder-el-11 .av-icon-char {background-color:red !important;}. It’s best to use custom classes instead, like in your second block.

I hope that was clear and helpful!

Best regards,
Sarah
June 8, 2017 at 8:59 pm #805740

In reply to: Background Color of Icon

kvpacs
Participant

Thanks so much Sarah,

If you visit my test page, there are two text blocks that include an icon near the top of the page. The first one has your code applied through Quick CSS. For some reason, there isn’t a change to the background color of the icon.

The second block has my custom class applied through the child style.css file, but the icon background color fills behind the icon as well as to the right and left.
[av_font_icon icon='ue842' font='entypo-fontello' style='border' caption='' link='' linktarget='' size='80px' position='center' color='#ebce3b' custom_class='rca-iconbox-map' admin_preview_bg=''][/av_font_icon]

Keep in mind, I’d like the background color to just affect a single icon. Can you see what I’m doing wrong?

Theresa

June 4, 2017 at 5:38 pm #803644

In reply to: Icons on mobile phone
Victoria
Inactive Moderator
Hey Zaccc,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
@media only screen and (max-width: 450px) {
    #features .flex_cell.no_margin.av_one_half.avia-builder-el-20 { 
         padding: 40px 20px !important;
    }

    #features .iconbox_top .iconbox_content {
      box-shadow: none;
    }
}
```
If you need further assistance please let us know.

Best regards,
Victoria
June 1, 2017 at 3:58 pm #802619

In reply to: Sites displaying wrong container width

1lizcollins
Participant

Hi Jordan,

Nothing that I can see. Here are all my css customizations:

#top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext {
text-transform: uppercase;
}
ul.sub-menu {
position: relative !important;
left: 20px !important;
opacity: 1 !important;
visibility: visible !important;
}
ul.sub-menu {
position: relative !important;
left: 0px !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 10000;
box-shadow: none !important;
border-bottom: 1px solid #e1e1e1;
width: 100%;
}
.sub-menu li, .sub-menu li a{
float: none !important;
display: block !important;
}
.sub-menu a{
background: transparent !important;
border: 0 !important;
padding: 5px 8px !important;
}
.main_color .avia-icon-list .iconlist_icon {
background: #49662f;
}
h3.iconbox_content_title {
font-size: 20px !important;
align: center;
}
.iconbox .iconbox_content p:last-child {
color: #50341c !important;
}
.tnp-yellow-box .iconbox_content {
background: #cfa34f !important;
}
.tnp-yellow-box h3.iconbox_content_title {
color: #50341c !important;
font-size: 20px !important;
}
.tnp-orange-box .iconbox_content {
background: #c07b44 !important;
}
.tnp-orange-box h3.iconbox_content_title {
color: #50341c !important;
font-size: 20px !important;
}
.tnp-brown-box .iconbox_content {
background: #93653f !important;
color: #4f321b;
}
.tnp-brown-box h3.iconbox_content_title {
color: #50341c !important;
font-size: 20px !important;
}
.iconbox_content_container .post {
float: none;
}
.tnp-green-box .iconbox_content {
background: #a6b393 !important;
}
.tnp-green-box h3.iconbox_content_title {
color: #50341c !important;
font-size: 20px !important;
}
.avia-icon-list .iconlist_title {
color: #50341c !important;
}
.avia-icon-list .iconlist_icon {
height: 53px;
width: 53px;
line-height: 54px;
font-size: 20px;
border-radius: 500px;
}
media=”all”
.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 {
font-weight: bold;
}
.post-meta-infos {
display: none;
}
.slide-meta {
display: none;
}
.iconbox_content_title {
font-weight: bold;
text-transform: uppercase;
font-size: 19px !important;
color: #50341c;
align: center;
}
#top h3 a {
font-weight: bold;
text-transform: uppercase;
}
#top .fullsize .template-blog .post .entry-content-wrapper {
margin-bottom: -28px;
}
.av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag {
color: #50341c;
}
body .av-special-heading .av-special-heading-tag {
padding: 2px 0 0 0;
}
li#menu-item-384 a {
color: green !important;
}
li#menu-item-5818 a {
color: #52772f !important;
}
.grid-entry-title {
align-content: center;
}
h3.grid-entry-title.entry-title {
text-align: center;
}
.news-time {
display: none;
}
.news-headline {
font-size: 12px;
text-transform: uppercase;
}
.main_color .heading-color, .main_color a.iconbox_icon:hover, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color .heading, .main_color .toggle_content strong, .main_color .toggle_content strong a, .main_color .tab_content strong, .main_color .tab_content strong a, .main_color .asc_count, .main_color .avia-testimonial-content strong, .main_color div .news-headline, #top .main_color .av-related-style-full .av-related-title, .main_color .av-default-style .av-countdown-cell-inner .av-countdown-time, .main_color .wp-playlist-item-meta.wp-playlist-item-title {
color: #50341c;
text-transform: uppercase;
}
.responsive.js_active #top .main_color .avia_combo_widget .top_tab .tab {
text-transform: uppercase;
}
h4.entry-title.summary {
font-style: italics !important;
font-size: 15px;
color: #49662f;
}
.recentcomments, .widget_recent_entries li {
font-size: 14px;
}
p.tribe-events-widget-link {
display: none;
}
#footer {
padding: 0 0 0 0;
}
ul, ol {
margin-bottom: 20px;
margin-left: 0px;
}
ul.sub-menu {
border-bottom: none;
}
.category-gear .av-share-box {
display: none!important;
}
.category-gear .av-comment-box {
display: none!important;
}
.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 {
font-weight: bold;
}
.iconbox .iconbox_content a:hover {
color: #ffffff;
}
#top .tribe-events-list-event-title.entry-title, #top .tribe-events-list-event-title {
font-weight: bold !important;
font-size: 23px !important;
}
.avia-button {
border-bottom-width: 0px !important;
}
.avia-button.avia-size-medium {
padding: 5px 10px 6px 12px;
}
b.yks_mc_interest_group_text {
display: none;
}
.tribe-events-list-widget ol li {
margin-bottom: 25px;
}
@media only screen and (max-width: 1225px) and (min-width: 990px) {
.av-main-nav > li > a { padding: 0 12px; }
strong.logo { width: 20%; }
}
.widget_nav_menu ul:first-child > .current-menu-item > a, .widget_nav_menu ul:first-child > .current_page_item > a {
color: #4f321b;
}
body {
font-size: 14px;
}
.main_color .tnp-brown-box a {
color: #a6b393;
}
@media only screen and (max-width: 990px) {
h1.av-special-heading-tag {
font-size: 20px;
}}
.menu-item-top-level-7 a .avia-menu-text{
color: #52772f !important;
}
@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}

#top h3 a {
font-size: large;
}

#top .grid-entry .inner-entry {
padding-right: 5px;
padding-bottom: 5px;
}

#top .grid-entry .inner-entry {
margin-right: 0px;
box-shadow: none;
}
h4 {
text-transform: inherit !important;
font-size: 20px !important;
line-height: .9em !important;
}
.content {
padding-top: 25px;
}
#tribe-bar-form {
padding-top: 30px;
padding-bottom: 20px;
}

.tribe-mini-calendar-event {
border-bottom: none;
}

.recentcomments, .widget_recent_entries li {
border-top: none;
}

#footer .widget {
margin: 30px 0 0px 0;
}

.widgettitle {
color: #4f321b !important;
}

.tribe-mini-calendar-event .list-info h2 {
color: #52772f !important;
}

#top .tribe-events-adv-list-widget span {
display: inline;
}

#tribe-events-header .tribe-events-sub-nav {
top: 0px !important;
}

.grid-image img {
padding: 15px;
border-radius: 20px;
}

.logo img {
padding-top: 5px;
padding-bottom: 8px;
}

#header_main {
border-bottom-width: 0px;
border-bottom-style: solid;
z-index: 1;

May 31, 2017 at 11:02 am #801938

In reply to: Tab Sektion 2017

giu13
Participant

.iconbox .entry-content-header h3 { font-size: 15px !important; }
#top .iconbox_content p{ font-size: 12px; !important;}
.custom-class span.av-seperator-icon { font-size: 94px; !important; }

span.av-seperator-icon { font-size: 26px; }

#top .aviaccordion-preview-title-wrap { background: rgba(0,0,0,0); } #top .aviaccordion-title { font-size: 46px; line-height: 1.8em;
font-family: ‘Sacramento’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-weight: lighter;
text-transform: none; }
#top .aviaccordion-preview-title-wrap, #top .aviaccordion-preview-title-pos { height: auto!important; }

.page-id-230 .av_promobox { background-color: rgba(255, 255, 255, 0); border: none; transparent!important; }

.required { color: #f07b2d !important; }
.avia-testimonial-content p { font-size:90% !important; }
.tabcontainer .tab_icon { color: #927a43 !important; }
.tabcontainer .tab_icon { font-size: 18px !important; }

.avia-datepicker-div.ui-datepicker { z-index: 1000 !important; }

/*Menu und sekunder menu*/
.logo img {
width: 360px !important;
}
.logo img { margin-top: -0px; }
.header-scrolled .logo img { margin-top: 0; }
#top ul:first-child > li > a:hover {
color: #ff7337;
}
#top ul:first-child > li > a {
color: #d6bd8a;
}
.sub_menu li.current-menu-item > a,.sub_menu a:hover {
color: #ff7337!important;
}

/*promo box button*/
.page-id-200 .avia-button.avia-size-small {color: #d6bd8a!important;
}

.avia-button.avia-size-small {
font-size: 15px!important;
}

.avia-button.avia-size-small, .avia-button.avia-size-medium, .avia-button.avia-size-large {
color: #fff!important;
border-color: #d6bd8a!important;
background-color: transparent;
border: 3px solid;
}
.avia-button.avia-size-small:hover, .avia-button.avia-size-medium:hover, .avia-button.avia-size-large:hover {
color: white!important;
border-color: #d6bd8a!important;
background-color: #ff7337;
border: 3px solid;
}

.ls-slide.ls-animating {
width: 1346px !important;
}

.phone-info.with_nav {
font-size: 13px;
color: #ff7337 !important;
}

avia-fullwidth-slider { border-top-style: none; } @media only screen and (max-width: 480px) { .title_container { display: none; }}
#top .title_container .main-title a { display: none; !important;} .title_container .breadcrumb { font-size: 12px; }

.title_container .breadcrumb { left: 6px; top: 14%; }
.title_container { height: 22px; }
span.breadcrumb-title { display: none; }
.title_container, .title-container { background: #d6bd8a !important; }
#main .breadcrumb,
#main .breadcrumb a {
color: #f2f3f5 !important;
}

May 22, 2017 at 4:06 pm #797732

In reply to: Buttons lins not underlined
cipriana
Participant
Hi!
-First one worked!
-Second one:
My custom css class is named iconbox-amarillo
I´ve added this code:
.iconbox-amarillo {
background:#e9c546;
}

But nothing happens.Thanks!
- This reply was modified 8 years, 9 months ago by cipriana.
May 22, 2017 at 3:44 pm #797710

In reply to: Buttons lins not underlined
Sarah
Inactive Moderator
Hey cipriana,

1.) You almost got it! It should be a colon instead of an equal sign. Here’s the correct code:
```
.avia-button {
text-decoration: none!important;
}
```
2.) Yes, you can create a CSS class for the Builder elements. But you have to turn the feature on first using the instructions here: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

After that, you can use something like this in Quick CSS:
```
.yellow-iconbox {
  background:yellow;
}
```
Or if you want to make it really specific for this page, you can use this:
```
.page-id-649 .yellow-iconbox {
  background:yellow;
}
```
I hope that helps!

Best regards,
Sarah
May 4, 2017 at 9:58 pm #788075

In reply to: Change Icon Position on mobile
John Torvik
Inactive Moderator
Hey CharlieBarey,

Thanks for using our theme :)

To solve your question, just add this custom CSS code:
```
@media only screen and (max-width: 481px) {
 .iconbox_content {
  width: 100%;
 }

 .iconbox_icon {
  display: block;
  margin-bottom: 20px;
  margin-left: 31%;
 }

}
```
Best regards,
John Torvik
May 1, 2017 at 6:41 am #785518

In reply to: Buttons alignment within column content
John Torvik
Inactive Moderator
Hey tremblayly,

First off, thanks for using our theme :)

To solve this, you just need to change the font-size from the buttons using this custom CSS code:
```
@media only screen and (max-width: 769px) {
    .iconbox .avia-button-wrap span {
        font-size: 13px !important;
    }
}
```
Best regards,
John Torvik
April 21, 2017 at 12:36 am #780923

Topic: Bullet Points Overlap Text

in forum Enfold
jstonestreet
Participant
I’m having an issue with bullet points overlapping the text in lists. There isn’t any custom css defined in the quick css or the child theme style.css. This happens in both the Content of an Icon Box as well as in a Text Block. Links to the page and a screenshot are in the private content.

Here’s the css from inspecting the element. Overriding the background position to move the icon left makes it disappear outside the container.

.iconbox_content_container li {
list-style-type: none;
background-image: url(tick.png);
background-repeat: no-repeat;
background-position: 0 .6em;
margin-bottom: 7px;
}

Also, by selecting all the text and left justifying it, the content of the icon box is centered as you can see in the first box. This is really odd.

Any ideas what’s causing this?
- This topic was modified 8 years, 10 months ago by jstonestreet. Reason: Added the centered content when left justifying line
April 13, 2017 at 4:23 pm #777366

In reply to: Enfold Gym is not being responsive.
Victoria
Inactive Moderator
Hi Frank,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
@media only screen and (max-width: 1024px) {  

#top .no_margin.av_one_third {
  padding: 50px 30px !important;
  font-size: 16px;
  line-height: 22px;
  text-align:center;
}
#top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon {
    width: 60px;
    height: 60px;
    font-size: 27px;
    line-height: 60px;
    margin-right: auto;
    margin-bottom: 20px;

}
#top .iconbox_icon {
  float: none;
  margin: 0 auto;
      text-align: center;
}
.iconbox .iconbox_content .iconbox_content_title {
  text-align: center;
}
}
```
If you need further assistance please let us know.
Best regards,
Victoria
April 13, 2017 at 12:42 pm #777216

In reply to: Enfold – how to add phone number to header?
Yigit
Keymaster
Hi,

Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your icon box elements and give them all different custom CSS classes (“custom-box” in example below) and then add following code to Quick CSS in Enfold theme options under General Stylin tab
```
.custom-box .iconbox_content { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png)!important; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }
```
Best regards,
Yigit
April 12, 2017 at 11:14 am #776574

In reply to: Icon box: custom background color
Guenni007
Participant
but if you don’t like this – you can give the iconbox itself a custom class ( see here ) f.e: myiconbox

and than:
```
.myiconbox .iconbox_content {
    background-color: #900000 !important;
}
```
April 12, 2017 at 11:00 am #776569

In reply to: Icon box: custom background color

Guenni007
Participant

hm – bgiacomo – you have seen my image i posted. this edited iconbox.php has the oportunity to set up by a selector input field the background-color.
(And by the way another added input field is for choosing the h-tag (h1 to h6)
but you have to be familiar with custom shortcodes ( but on download there is a little instruction)

Or do you realy have that “Custom Iconbox Background Color” field too? ;)

April 9, 2017 at 8:56 pm #775112

In reply to: avia.js in child theme – TinyMCE-problem
Vinay
Inactive Moderator
Hi,

You do not have to modify the avia.js file or even add it to the child theme.

jQuery snippets can be added as custom functions in the child theme to functions.php file that comes with the child theme.

Please try adding this at the very end of your themes / child themes functions.php file:
```
/*----------------------------------------
// Custom function
//--------------------------------------*/

function iconboxLink(){
?>
<script>
 jQuery(document).ready(function() {              
      jQuery(".home article.iconbox").each(function(){ 
    var theLink = jQuery(this).find("a").attr("href");
	jQuery(this).on("click", function(){
		window.location.href = theLink;
	});
	})
 });          
</script>
<?php
}
add_action('wp_footer', 'iconboxLink');
```
Best regards,
Vinay
March 26, 2017 at 7:48 am #766849

In reply to: Icon Title and Text not presenting well on Ipad
John Torvik
Inactive Moderator
Hi,

Thanks for the screenshot :)

You have to options to fix it:

1st – You can apply the word-break CSS property to have this result: http://prntscr.com/eojry7

If you want the above result, add this custom CSS code at Enfold Theme Options > General Styling > Quick CSS
```
.iconbox_content_title {
   word-break: break-all !important;
}
```
2sd – You can decrease the title size to have this result: http://prntscr.com/eojsg2

If you want the above result, add this custom CSS code at Enfold Theme Options > General Styling > Quick CSS
```
.iconbox_content_title {
  font-size: 10px !important;
}
```
Best regards,
John Torvik
Author

Search Results

Viewing 30 results - 211 through 240 (of 633 total)

← 1 2 3 … 7 8 9 … 20 21 22 →

Follow us on Facebook

Kriesi13.000+ likes

Open facebook page

Join our Facebook community

Subscribe to our Newsletter