-
Search Results
-
In reply to: Caption Title below Easy Slider
Hi Josue!
Yes it does!
How can i get this also for Portfolio Items?This works fine for the Easy Slider:
/****Caption Title Color****/
.avia-slideshow .avia-caption .avia-caption-title {
color: #777777 !important;
font-size: 15px !important;
text-transform:capitalize
}/****Caption Text Color****/
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
background: transparent;
font-size: 13px !important;
color: #b6b6b6 !important;
padding: 0px 0px;
text-transform:capitalize
}/***Caption in Center****/
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
width: 100%;
text-align: center;
}
.avia-caption, .avia-inner-caption, .avia-inner-caption {
width: 100%;
left: 0;
}/****Caption below Slider****/
.avia-caption {
position: absolute;
bottom: -64px;
}
.avia-slideshow, .avia-slideshow-inner {
overflow: visible !important;
}
.avia-slideshow {
padding-bottom: 64px;
}In reply to: Read More Arrow
Hey Chris!
Try adding this code to the Quick CSS:
span.more-link-arrow { font-size: 0; } span.more-link-arrow:after{ content: "»"; font-size: 12px; margin-left: 2px; }Cheers!
JosueIn reply to: Contact Form FROM email
Hey!
Try adding this code to the Quick CSS:
.wpcf7-form input[type='text'], .wpcf7-form input[type='email'], .wpcf7-form input[type='tel'], .wpcf7-form select { width: 100% !important; padding: 13px !important; margin-bottom: 0 !important; } .wpcf7-form input[type='submit']{ margin: 0; padding: 16px 20px; border-radius: 2px; border-bottom-width: 1px; border-bottom-style: solid; font-weight: normal; font-size: 12px; min-width: 142px; outline: none; }Add “first_form” to the first 1/3 element:
<p class="form_element form_element_third">Cheers!
JosueIn reply to: Edit comments count icon
Hi Trevor!
Use this:
#top .comment-count { font-size: 18px; line-height: 40px; width: 40px; } #top .center-border { width: 45%; }Cheers!
JosueTopic: Edit comments count icon
Hi,
This will probably be an easy one for you guys. I would like to reduce the size of the comments count icon and count font as they appear on my portfolio entry pages (http://trevorjohnston.com/wordpress/portfolio-item/roboreel/). I think the icon is currently about 60px diameter. I’d like it about 40px, with a proportionate reduction in the size of the font.
I’m sure there is some simple QuickCSS fix, but I’ve only succeeded in reducing the size of the button which leaves the number sitting at the bottom of the orange circle.
Thanks,
TrevorIn reply to: Return spacing not working on some pages?
In reply to: "Special Heading" not responsive?
Hi Sigrid!
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: 22px!important; }}Regards,
YigitIn reply to: How to use custom social icons in top right corner?
Hey!
If you have fontello version of your icon, it is possible to increase the size using custom CSS
Cheers!
YigitIn reply to: Upgrade from 1.8.1 to 2.9.2
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.sub_menu>ul>li>a, .sub_menu>div>ul>li>a { font-size: 16px; }For main menu links, please go to Enfold theme options > Advanced Styling tab and edit “Main menu links”
Regards,
YigitIn reply to: Upgrade from 1.8.1 to 2.9.2
Hello,
Where can I change the font size, capitalize, bold and italic for my headers? I can change the font family and color in: Enfold > General styling, but I can’t find the other options as mentioned before.
Thanks in advance for your help.
Kind regards,
Ole
hi there, in the footer i would like the columns to be uneven, so i inserted this code below to a single column footer:
[av_one_fifth first] [av_textblock ] <span class="av_font_icon avia_animate_when_visible av-icon-style- avia-icon-pos-left " style="color:#435f9f; border-color:#435f9f;"><a href='https://www.facebook.com/CloudAllyPage' class='av-icon-char' style='font-size:25px;line-height:25px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></a></span> <span class="av_font_icon avia_animate_when_visible av-icon-style- avia-icon-pos-left " style="color:#f1f1f1; border-color:#f1f1f1;"><span class='av-icon-char' style='font-size:25px;line-height:25px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></span></span> <span class="av_font_icon avia_animate_when_visible av-icon-style- avia-icon-pos-left " style="color:#50abf1; border-color:#50abf1;"><a href='https://twitter.com/CloudAlly' class='av-icon-char' style='font-size:25px;line-height:25px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></a></span> <span class="av_font_icon avia_animate_when_visible av-icon-style- avia-icon-pos-left " style="color:#f1f1f1; border-color:#f1f1f1;"><span class='av-icon-char' style='font-size:25px;line-height:25px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></span></span> <span class="av_font_icon avia_animate_when_visible av-icon-style- avia-icon-pos-left " style="color:#dd4b39; border-color:#dd4b39;"><a href='https://plus.google.com/+Cloudally/posts' class='av-icon-char' style='font-size:25px;line-height:25px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></a></span> [/av_textblock] [/av_one_fifth] [av_three_fifth] [av_textblock ] <div class="footer_links" style="text-align: center;"><a id="footer_links_home" href="/">Home</a> <span class="footer_devider"> | </span> <a href="/Blog">Blog</a> <span class="footer_devider"> | </span> <a href="/cloudally-faq">FAQ</a> <span class="footer_devider">| </span> <a href="/terms-of-use" rel="nofollow">Terms of Use</a> <span class="footer_devider">| </span> <a href="/privacy-policy" rel="nofollow">Privacy Policy</a> <span class="footer_devider">| </span> <a href="/why-choose-cloudally">Why CloudAlly</a><span class="footer_devider"> | </span><a href="/catalog">Backup Services</a><span class="footer_devider"> | </span><a href="/contact-us">Contact Us</a> <a href="/SLA">Service Level Agreement</a> <span class="footer_devider"> | </span> <a href="/partners">Partner Programs</a> <span class="footer_devider"> | </span><a href="/enterprise-contact-us">Enterprise Backups</a></div> [/av_textblock] [/av_three_fifth] [av_one_fifth] [av_textblock ] <a href="http://aws.amazon.com"><img class="alignnone" src="http://magento.org.il/cloudally/wp-content/uploads/2014/08/powered.png" alt="powered by amazon web services" width="230" height="70" /></a> [/av_textblock] [/av_one_fifth]the problem i’m having is with the social media buttons, i want them to be on the same row- like in my homepage (which display no footer, and i used the avia builder to create the last section): http://magento.org.il/cloudally/
instead of being in the same row they are presented in a funny way: http://magento.org.il/cloudally/?page_id=194
can you please help me adjust the code to make it look right?
many many thanks-
Eynav.
Hi,
I need my Caption Title and text below the slider.So far I was using Custom CSS:
/****Caption Title Color****/
.avia-slideshow .avia-caption .avia-caption-title {
color: #999999 !important;
}/****Caption Text Color****/
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
background: transparent;
font-size: 14px !important;
color: #888888 !important;
}/***Caption in Center****/
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
width: 100%;
text-align: center;
}
.avia-caption, .avia-inner-caption, .avia-inner-caption {
width: 100%;
left: 0;
}/***Caption Position***/
.slideshow_align_caption {
top: -420px;
}I was able to center the caption , but I need it below the slider as marked on the screenshoot:
http://gyazo.com/f96cfe4c5f8faad85511cfaa9da16469Thanks
PetersIn reply to: Add a button the top nav menu
Hey mcraig77!
Thank you for using Enfold.
You can add this at the very bottom of functions.php:
function add_custom_script(){ ?> <div id="header-right"><div class="container"><a href="http://ucirotc.com/?page_id=71">Apply</a></div></div> <?php } add_action('ava_main_header', 'add_custom_script');Use this on Quick CSS or custom.css to stylize the button:
div#header-right div a { background: yellow; padding: 10px 16px; font-size: 20px; text-transform: uppercase; border-radius: 10px; color: white; } div#header-right { position: absolute; right: 30%; }Cheers!
IsmaelIn reply to: Bottom in easy slider
Hey!
Try putting the button in shortcode format:
[av_button label='Click me' link='manually,http://' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='ue800' font='entypo-fontello' custom_class='']Regards,
JosueThank you Josue. But that did not resolve my problem. I already use the “blank” template, but that adds a header en footer covering approx 40% of the height each with a grey area.
When I look at the code, I see (among many other stuf) these lines in the header:
<link rel=’stylesheet’ id=’avia-grid-css’ href=’http://mysite.com/wp1/wp-content/themes/enfold/css/grid.css?ver=2′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’avia-base-css’ href=’http://mysite.com/wp1/wp-content/themes/enfold/css/base.css?ver=2′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’avia-layout-css’ href=’http://mysite.com/wp1/wp-content/themes/enfold/css/layout.css?ver=2′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’avia-scs-css’ href=’http://mysite.com/wp1/wp-content/themes/enfold/css/shortcodes.css?ver=2′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’avia-popup-css-css’ href=’http://mysite.com/wp1/wp-content/themes/enfold/js/aviapopup/magnific-popup.css?ver=1′ type=’text/css’When I remove the lines with “avia-grid-css” and “avia-layout-css”, then I get the full page as I want it.
This is the current code I use:<style type=”text/css”>
body {scrolling:no;
}
iframe {position:absolute;
z-index:1;
top:0px;
left:0px;
border: 0 !important;
}
</style>
</head>
<body>
<iframe src=”http://another_site.com” height=”100%” width=”100%” frameborder=”0″></iframe>
</body>I copied the whole code below so you can see what my issue is. Basically, the “blank” template adds header and footer anyway..
Hope you can help.
Thanks,Stephen
———————————————————————————————————————————————-
<!DOCTYPE html>
<html lang=”en-US” prefix=”og: http://ogp.me/ns#” class=” html_boxed responsive responsive_large av-default-lightbox html_header_top html_logo_left html_main_nav_header html_menu_right html_slim html_header_sticky html_header_shrinking html_mobile_menu_phone html_disabled html_entry_id_1168 “>
<head>
<meta charset=”UTF-8″ /><!– page title, displayed in your browser bar –>
<link rel=”icon” href=”http://www.abundantforever.com/wp1/wp-content/uploads/abundantforever_logo_favicon_000001.png” type=”image/png”>
<!– add feeds, pingback and stuff–>
<link rel=”profile” href=”http://gmpg.org/xfn/11″ />
<link rel=”alternate” type=”application/rss+xml” title=”Abundant Forever RSS2 Feed” href=”http://www.abundantforever.com/feed/” />
<link rel=”pingback” href=”http://www.abundantforever.com/wp1/xmlrpc.php” /><!– mobile setting –>
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″><!– Scripts/CSS and wp_head hook –>
<!– This site is optimized with the Yoast WordPress SEO plugin v1.5.5.3 – https://yoast.com/wordpress/plugins/seo/ –>
<title>Start – Abundant Forever</title>
<link rel=”canonical” href=”http://www.abundantforever.com/start/” />
<meta property=”og:locale” content=”en_US” />
<meta property=”og:type” content=”article” />
<meta property=”og:title” content=”Start – Abundant Forever” />
<meta property=”og:url” content=”http://www.abundantforever.com/start/” />
<meta property=”og:site_name” content=”Abundant Forever” />
<!– / Yoast WordPress SEO plugin. –><link rel=”alternate” type=”application/rss+xml” title=”Abundant Forever » Feed” href=”http://www.abundantforever.com/feed/” />
<link rel=”alternate” type=”application/rss+xml” title=”Abundant Forever » Comments Feed” href=”http://www.abundantforever.com/comments/feed/” />
<link rel=”alternate” type=”application/rss+xml” title=”Abundant Forever » Start Comments Feed” href=”http://www.abundantforever.com/start/feed/” /><!– google webfont font replacement –>
<link rel=’stylesheet’ id=’avia-google-webfont’ href=’//fonts.googleapis.com/css?family=Droid+Sans’ type=’text/css’ media=’all’/>
<link rel=’stylesheet’ id=’custom-style-css’ href=’http://www.abundantforever.com/wp1/wp-content/plugins/enfold-latest-posts/asheu.css?ver=3.9.2′ type=’text/css’ media=’all’ />
<style type=’text/css’>body .cat-title {
border-bottom: 1px solid;
display: block;
}
body .parent-cat .child-cat li {
margin-left: 35px;
}</style>
<link rel=’stylesheet’ id=’collapseomatic-css-css’ href=’http://www.abundantforever.com/wp1/wp-content/plugins/jquery-collapse-o-matic/light_style.css?ver=1.6′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’avia-grid-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/css/grid.css?ver=2′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’avia-base-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/css/base.css?ver=2′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’avia-layout-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/css/layout.css?ver=2′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’avia-scs-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/css/shortcodes.css?ver=2′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’avia-popup-css-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/js/aviapopup/magnific-popup.css?ver=1′ type=’text/css’ media=’screen’ />
<link rel=’stylesheet’ id=’avia-media-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/js/mediaelement/skin-1/mediaelementplayer.css?ver=1′ type=’text/css’ media=’screen’ />
<link rel=’stylesheet’ id=’avia-print-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/css/print.css?ver=1′ type=’text/css’ media=’print’ />
<link rel=’stylesheet’ id=’avia-dynamic-css’ href=’http://www.abundantforever.com/wp1/wp-content/uploads/dynamic_avia/enfold.css?ver=540f70cb1c0b1′ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’avia-custom-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/css/custom.css?ver=2′ type=’text/css’ media=’all’ />
<script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-includes/js/jquery/jquery.js?ver=1.11.0′></script>
<script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1′></script>
<script type=’text/javascript’>
/* <
“};
/* ]]> */
</script>
<script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-content/plugins/enfold-latest-posts/asheu.js?ver=3.9.2′></script>
<script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/js/avia-compat.js?ver=2′></script>
<link rel=”EditURI” type=”application/rsd+xml” title=”RSD” href=”http://www.abundantforever.com/wp1/xmlrpc.php?rsd” />
<link rel=”wlwmanifest” type=”application/wlwmanifest+xml” href=”http://www.abundantforever.com/wp1/wp-includes/wlwmanifest.xml” />
<meta name=”generator” content=”WordPress 3.9.2″ />
<link rel=’shortlink’ href=’http://www.abundantforever.com/?p=1168′ />
<script type=’text/javascript’>
var colomatduration = ‘slow’;
var colomatslideEffect = ‘slideFade’;
</script>
<style>
.custom_font_style_1 {
color:Crimson;
background-image: none !important;
padding: 0 0 10px 0;
font-style:italic;
font-weight:bold;
display:inline
}
</style>
<!–[if lt IE 9]><script src=”http://www.abundantforever.com/wp1/wp-content/themes/enfold/js/html5shiv.js”></script><![endif]–>
<style type=”text/css”></style><style type=”text/css”>
.synved-social-resolution-single {
display: inline-block;
}
.synved-social-resolution-normal {
display: inline-block;
}
.synved-social-resolution-hidef {
display: none;
}@media only screen and (min–moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx),
only screen and (min-resolution: 192dpi) {
.synved-social-resolution-normal {
display: none;
}
.synved-social-resolution-hidef {
display: inline-block;
}
}
</style><!–
Debugging Info for Theme support:Theme: Enfold
Version: 2.9.1
Installed: enfold
AviaFramework Version: 1.9.1
AviaBuilder Version: 0.7
ML:1024-PU:12-PLA:9
–><style type=’text/css’>
@font-face {font-family: ‘entypo-fontello’; font-weight: normal; font-style: normal;
src: url(‘http://www.abundantforever.com/wp1/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3’);
src: url(‘http://www.abundantforever.com/wp1/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3#iefix’) format(’embedded-opentype’),
url(‘http://www.abundantforever.com/wp1/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff?v=3’) format(‘woff’),
url(‘http://www.abundantforever.com/wp1/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf?v=3’) format(‘truetype’),
url(‘http://www.abundantforever.com/wp1/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.svg?v=3#entypo-fontello’) format(‘svg’);
} #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont=’entypo-fontello’]:before{ font-family: ‘entypo-fontello’; }
</style>
</head><body id=”top” class=”page page-id-1168 page-template page-template-template-blank-php boxed droid_sans droid_sans avia-blank” itemscope=”itemscope” itemtype=”https://schema.org/WebPage” >
<div id=’wrap_all’>
<div id=’main’ data-scroll-offset=’88’>
<div class=’container_wrap container_wrap_first main_color fullsize’>
<div class=’container’>
<main class=’template-page content twelve alpha units’ role=”main” itemprop=”mainContentOfPage” >
<article class=’post-entry post-entry-type-page post-entry-1168′ itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork” >
<div class=”entry-content-wrapper clearfix”>
<header class=”entry-content-header”></header><div class=”entry-content” itemprop=”text” ><style type=”text/css”>
body {scrolling:no;
}
iframe {position:absolute;
z-index:1;
top:0px;
left:0px;
border: 0 !important;
}
</style>
<p></head><br />
<body><br />
<iframe src=”http://www.abundantforever.com” height=”100%” width=”100%” frameborder=”0″></iframe><br />
</body></p>
</div><footer class=”entry-footer”></footer> </div>
</article><!–end post-entry–>
<!–end content–>
</main>
</div><!–end container–>
</div><!– close default .container_wrap element –>
<!– end main –></div><!– end wrap_all –></div>
<script type=’text/javascript’>
/* <![CDATA[ */
var avia_framework_globals = avia_framework_globals || {};
avia_framework_globals.frameworkUrl = ‘http://www.abundantforever.com/wp1/wp-content/themes/enfold/framework/’;
avia_framework_globals.installedAt = ‘http://www.abundantforever.com/wp1/wp-content/themes/enfold/’;
avia_framework_globals.ajaxurl = ‘http://www.abundantforever.com/wp1/wp-admin/admin-ajax.php’;
/* ]]> */
</script><script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/js/avia.js?ver=2′></script>
<script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/js/shortcodes.js?ver=2′></script>
<script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/js/aviapopup/jquery.magnific-popup.min.js?ver=2′></script>
<script type=’text/javascript’>
/* <![CDATA[ */
var mejsL10n = {“language”:”en-US”,”strings”:{“Close”:”Close”,”Fullscreen”:”Fullscreen”,”Download File”:”Download File”,”Download Video”:”Download Video”,”Play\/Pause”:”Play\/Pause”,”Mute Toggle”:”Mute Toggle”,”None”:”None”,”Turn off Fullscreen”:”Turn off Fullscreen”,”Go Fullscreen”:”Go Fullscreen”,”Unmute”:”Unmute”,”Mute”:”Mute”,”Captions\/Subtitles”:”Captions\/Subtitles”}};
var _wpmejsSettings = {“pluginPath”:”\/wp1\/wp-includes\/js\/mediaelement\/”};
/* ]]> */
</script>
<script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=2.14.2′></script>
<script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-includes/js/mediaelement/wp-mediaelement.js?ver=3.9.2′></script>
<script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-includes/js/comment-reply.min.js?ver=3.9.2′></script>
<span class=”avia_hidden_link_text”>Scroll to top</span>
<div id=”fb-root”></div>
</body>
</html>In reply to: Problem with new portfolio lightbox
Hey Trevor!
Try adding this code to the Quick CSS:
div.avia-popup .mfp-iframe-scaler{ overflow: visible; /*so the close button is shown*/} div.avia-popup .mfp-zoom-out-cur { cursor: auto; } div.avia-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } div.avia-popup .mfp-close { width: 40px; height: 40px; right: -13px; text-align: center; border-radius: 100px; border: 2px solid transparent; line-height: 38px; padding: 0; top: -5px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-family: Arial, Baskerville, monospace !important; } div.avia-popup .mfp-close:hover{ border: 2px solid #fff; transform: scale(0.8); -webkit-transform: scale(0.8) rotateZ(90deg); } div.avia-popup .mfp-iframe-scaler .mfp-close{top: -43px;} div.avia-popup .mfp-figure:after{box-shadow: none; display: none;} div.avia-popup button.mfp-arrow:before, div.avia-popup button.mfp-arrow:after{border:none; margin:0; display:none;} div.avia-popup button.mfp-arrow:before{ opacity:1; display:block; position: absolute; top:50%; left:0; width:100%; height:80px; line-height:80px; margin-top:-40px; color:#fff; font-size: 50px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: scale(1,1); transform: scale(1,1); } div.avia-popup button.mfp-arrow:hover:before{-webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8);} div.avia-popup button.mfp-arrow:before { content:"\E87d"; font-family: 'entypo-fontello'; } div.avia-popup button.mfp-arrow-left:before { content:"\E87c"; font-family: 'entypo-fontello'; }Cheers!
JosueHi there,
I have many portfolio items on my site, every one has a buynow button with a different target link. I want to track this buynow button clicks using Google Analytics. For that i have to insert “onclick=”ga(‘send’, ‘event’, ‘Buy Button’, ‘Resume’, ‘Resume Template Download’);” event inside anchor tag of buynow button.Button shortcode is : [av_button label='Buy Now' link='manually,https://guru99.dpdcart.com/cart/add?product_id=93092&method_id=97551' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='left' icon_select='yes' icon='ue859' font='entypo-fontello']
I have many portfolio items like this which contains Buy now button and want to track them all.
I read following two support tickets but didn’t get any idea
1. https://kriesi.at/support/topic/add-cross-domain-tracking-code/
2. https://kriesi.at/support/topic/ga-event-tracking-a-portfolio-item-external-link/Link to my site : http://career.guru99.com/premium/templates/vip-resume-template/
Any help appreciated.
RegardsHello! I have a few questions about stylizing a mega-menu. I am tinkering with a site right now, so everything is still fairly basic…here is my link:
What I’d like to do:
1. Remove the borders-right and border-left on nav menu
2. Stylize the nav menu links so they are a different color
3. Stylize the nav links so on hover their background color is the same as the mega menu
4. Stylize the text in the mega menu (play with font size, text-transform, etc)If you just point me at the right CSS selectors I can take it from there…it is very hard to figure out which ones are which. Is there a simpler method for the finding the right selectors? If I knew how, I would definitely not need to ask so many questions…:)
Thank you so much in advance.
Tony
In reply to: Fixed button width
Hey!
Please set all button sizes to Medium then add this on Quick CSS or custom.css:
.avia-button.avia-size-medium { padding: 12px 16px 10px; font-size: 13px; min-width: 150px; width: 150px; max-width: 150px; }Regards,
IsmaelIn reply to: Content Slider Font Control
Hey John!
Try adding this code to the Quick CSS:
.avia-content-slider-inner .slide-entry-title{ font-family: "Comic Sans"; font-size: 12px; color: red; text-transform: uppercase; }Change as needed.
Cheers!
JosueIn reply to: Two questions about entry-title on category-page
Hi Erwin!
This will do it:
#top .main_color .content p a, #top .main_color .sidebar a{ font-size: 13px !important; }Cheers!
JosueIn reply to: Two questions about entry-title on category-page
Hey Erwin!
Try changing the selector to:
#top .main_color .content p a{ font-size: 14px !important; }Regards,
JosueIn reply to: Mobile Nav
Hey!
The font is too big, add this to Quick CSS:
@media only screen and (max-width: 989px) { #top #wrap_all .main_color h1 { font-size: 22px; line-height: 28px; } }Cheers!
JosueIn reply to: Two questions about entry-title on category-page
Topic: Content Slider Font Control
I would like to control the font, size and color of the Slide Title with my Content Sliders.
I would also like the Heading to be in all caps.
Can you please send me the code to enter in the QuickCSS area of the General Styling area?
Thakns
In reply to: Pricing tables
Hi Marijana!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.pricing-table li.avia-pricing-row { font-size: 25px; } .pricing-table li.avia-pricing-row .currency-symbol { font-size: inherit; top: 0; }Cheers!
YigitIn reply to: Two questions about entry-title on category-page
Hi,
Thought that it was done….. When I enter the pages with sidebars, there used font-sizes are overwritten, the same as with the links in the content. So I tried to do the same trick as with the links. But I can’t find the right div or class to put in.
Do you know which one I need?
You can see the sidabar at The pink titles are to big and the names aligned to the right are to big. When I change the .main_color part, they both are corrected and fine.But hten the entry-titles are also small
In reply to: Separater between blog post items
Hey!
Please try this on Quick CSS or custom.css:
#top .fullsize .template-blog .post .entry-content-wrapper { text-align: left; font-size: 15px; line-height: 25px; max-width: 800px; margin: 0; overflow: visible; width: 87%; margin-left: 2%; float: left; top: 50px; border-bottom: 1px solid #ffffff; } #top .fullsize .template-blog .blog-meta { margin: 0; display: block; position: relative; width: 11%; overflow: hidden; text-align: center; z-index: 1000; float: left; top: 50px; }Please visit Envato Studio or Werkpress for further customization.
Regards,
IsmaelIn reply to: Two questions about entry-title on category-page
