Hi madebetter!

Thank you for using Enfold.

I’m not really sure why it fails to calculate the initial position of the image overlay on first hover. Try to remove the default image overlay then use this instead:

.listing-thumbnail .image-overlay {
    display: none !important;
}

.listing-thumbnail:hover a:before {
    content: '';
    background: #fff;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: block;
    position: absolute;
    webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    border-radius: 100%;
}

.listing-thumbnail:hover a:before {
    opacity: 0.7;
}

.listing-thumbnail:hover a:after {
    content: "\E869";
    font-family: 'entypo-fontello';
    opacity: 0.5;
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.listing-thumbnail a:after {
    position: absolute;
    border-radius: 100%;
    background: red;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    z-index: 1000;
    text-align: center;
    color: #fff;
    content: "";
    font-size: 18px;
    font-weight: normal;
    opacity: 0;
    line-height: 80px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    webkit-transition: all;
    -moz-transition: opacity 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 100%;
    -webkit-transform: rotate(-175deg) scale(0.2);
    transform: rotate(-175deg) scale(0.2);
}

You can adjust the red and white background to something else.

Cheers!
Ismael

Hey!

I added following code to Functions.php file in Appearance > Editor

function avia_font_resizer(){
ob_start();
	?>
	<div class="nofontResizer_container"><span class="inofontResizer_wrap">A- A A+ <input type="hidden" id="inofontResizer_element" value="body"><input type="hidden" id="inofontResizer_instance" value=""><input type="hidden" id="inofontResizer_resizeSteps" value="2"><input type="hidden" id="inofontResizer_cookieTime" value="31"></span></div>
<?php
	return ob_get_clean();
}
add_shortcode( 'font-resizer', 'avia_font_resizer' );

which creates a shortcode for font resizer and then i added following shortcode into phone info field in Enfold theme options > Header > Extra Elements

[font-resizer]

and then i added following code to Quick CSS in Enfold theme options under General Styling tab

.phone-info {
    padding: 0;
}
.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
    padding-top: 130px;
}

Please review your website now

Best regards,
Yigit

Hey!

Font resizer plugin does not seem to be installed. Can you please install it and activate then let us know?

Regards,
Yigit

Hi!

Please add following code to Quick CSS and adjust as needed

.av-countdown-time { font-size: 34px !important; }

Best regards,
Yigit

Hi DROR!

Please add following code to Quick CSS

.iconlist_icon .iconlist-char {
    font-size: 26px;
}

Best regards,
Yigit

Hi exmx!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 480px) {
h2.av-special-heading-tag {
    font-size: 30px!important;
}}

Cheers!
Yigit

Hi!

It actually doesn’t look good on Windows 7 desktop. Please remove the icon font modification then replace it with this:

#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
    border-left: 5px solid #2f2f2f;
    font-size: 0;
    line-height: 0;
    top: 20px;
}

You can find the character map here: http://web.archive.org/web/20140912210715/http://entypo.com/characters/

Regards,
Ismael

Hi!

You can adjust the font size, font family and hover effect of the buttons via CSS. Example:

.avia-button .avia_iconbox_title {
    font-size: 20px;
    font-family: 'Open Sans';
}

.avia-button .avia_button_icon {
    font-size: 20px;
}

.avia-button.avia-color-orange:hover {
    background-color: red;
    border-color: black;
    color: pink;
}

Unfortunately, we don’t provide support for any issues cause by a third party plugin as stated on our support policy. Please contact the plugin author regarding the issue.

Cheers!
Ismael

Hi,

Please try the following in Quick CSS under Enfold–>General Styling:

@media only screen and (min-width: 768px) and (max-width: 1120px) {
.home .slideshow_align_caption h2.avia-caption-title {
  font-size:75px !important;
}
}

Best regards,
Rikard

Hi,

You have a lot of code like this at the end of your text blocks which is causing your problems:

<span style="color: grey;"> </span>
<span style="font-size: xx-small;"> <span style="color: grey;"> Condensed and re-written by Bergman Beach Properties; SOURCE: Argonaut News</span></span>

Change it to this instead in the text editor:

<span style="font-size: xx-small; color: grey;">Condensed and re-written by Bergman Beach Properties; SOURCE: Argonaut News</span>

Regards,
Rikard

• This reply was modified 10 years, 5 months ago by Rikard.