Forum Replies Created
-
Posts
-
Hey,
Do you mind decreasing the size of the logo on 768px screen width? You can add this on your custom.css or Quick CSS:
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_slide_out .logo {
float: left;
width: 200px;
margin-top: 20px;
}
}This is what it will look like:
Regards,
Ismael
Hey,
What type of header do you have? Please check on Enfold > Header > Header Type.
Regards,
Ismael
Hey,
You can change the color of h2 tag using this on your custom.css or Quick CSS:
.socket_color h2 {
color: red;
}Regards,
Ismael
Hi,
It is not happening on my end. The link stays exactly where they should be. It seems like you modify some padding or something like that. Please remove the css you added then leave the code I suggested above.
Regards,
Ismael
Hey,
You can add another column. Edit config-templatebuilder > avia-shortcodes > portfolio.php, find this code:
"subtype" => array( /* __('1 Column', 'avia_framework' )=>'1', */
__('2 Columns', 'avia_framework' )=>'2',
__('3 Columns', 'avia_framework' )=>'3',
__('4 Columns', 'avia_framework' )=>'4',
/* __('5 Columns', 'avia_framework' )=>'5', */
)),Replace it with:
"subtype" => array( /* __('1 Column', 'avia_framework' )=>'1', */
__('2 Columns', 'avia_framework' )=>'2',
__('3 Columns', 'avia_framework' )=>'3',
__('4 Columns', 'avia_framework' )=>'4',
__('5 Columns', 'avia_framework' )=>'5',
)),Edit your portfolio page then configure the Portfolio Grid element. Select “5” on the Column option.
Regards,
Ismael
Hey,
You can use this on your custom.css or Quick CSS:
#top .main_color .onsale {
background: url('https://cdn1.iconfinder.com/data/icons/Siena/128/label_sale%20yellow.png') no-repeat center;
width: 128px;
height: 128px;
text-indent: -9999px;
top: -30px;
}Regards,
Ismael
Hey,
Please use this:
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
border: 6px inset transparent !important;
}
.twentytwenty-left-arrow {
border-right: 6px solid white !important;
}
.twentytwenty-right-arrow {
border-left: 6px solid white !important;
}
.twentytwenty-handle {
border: 3px solid white !important;
}Remove browser cache then reload the page.
Cheers,
Ismael
Hi,
I can only see one LayerSlider on your installation. I don’t think it is possible to turn off or hide certain parts of the slider on mobile view.
Regards,
Ismael
Hey,
Did you recently update to WordPress 3.6? Please download the latest version of the theme, Enfold 2.0.1. Update your installation. If you have a cache plugin, please flush the settings. Remove browser cache then reload the page.
Regards,
Ismael
Hi,
Please try to increase the wordpress php memory limit. Edit wp-config.php, add this code:
define('WP_MEMORY_LIMIT', '128M');Ask your host if you can exceed this limit.
Regards,
Ismael
Hi,
@yukanl: If you’re using Chrome, right click on the portfolio box widget then click “Inspect Element”. Look for this line:
<div id="portfoliobox-2" class="widget clearfix newsbox">You can use this to remove the date and time:
#portfoliobox-2 .news-time {
display: none !important;
}The widget id (#portfoliobox-2) might be different in yours. Please remove browser cache then reload the page a few times.
Cheers,
Ismael
Hi,
I’m not sure if there such thing as “grandchild pages css selector” on wordpress.
Instead of “.current-page-ancestor.current-menu-ancestor”, try using “.active-parent-item”.
Regards,
Ismael
Hey,
It should automatically be added when you install the Woocommerce plugin. Please make sure that you select a menu on Appearance > Menu > Theme Locations.
Regards,
Ismael
Hey,
What type of header are you using?
You can edit includes > loop-index.php, find this code:
//echo preview image
if(strpos($blog_style, 'big') !== false)
{
if($slider) $slider = '<a href="'.$link.'">'.$slider.'</a>';
if($slider) echo '<div class="big-preview '.$blog_style.'">'.$slider.'</div>';
}Remove it.
Regards,
Ismael
Hey,
Edit a portfolio item then look for the Featured Image on the lower right of the editor.
Regards,
Ismael
Hey,
No, you don’t need to remove it. It will give you more control over your templates. :)
Cheers,
Ismael
Hi,
Go to the actual vimeo video then click “Share”. A pop up will appear. Get the actual video URL under Link.
Regards,
Ismael
Hey,
You can add a unique selector for each Avia Elements. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;Below, add this code:
add_theme_support('avia_template_builder_custom_css');Edit any avia elements like Text Block then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-textblock”.
You can use something like this on your custom.css or Quick CSS:
.avia_textblock.awesome-textblock p {
background: blue;
padding: 10px;
font-size: 20px;
}Regards,
Ismael
Hey,
Please refer to this link: https://kriesi.at/support/topic/override-the-global-avia_config-within-child-functionsphp
Regards,
Ismael
Hey,
Let us wait for Devin and Kriesi to answer. They can check this on an actual iOS device.
Regards,
Ismael
Hi,
Please add this on your custom.css or Quick CSS. This will make the header 58px in height consistently.
/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height:58px !important; line-height: 58px !important; }
/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 58px !important; line-height: 58px !important; }
/*header with social icons and bottom nav */
.bottom_nav_header.social_header #header_main .container{height: 58px !important; line-height: 58px !important;}
.fixed_header #main {
padding-top: 58px;
}Regards,
Ismael
Hey,
Please follow this short instruction on how to control AddThis plugin more effeciently. https://kriesi.at/support/topic/placing-addthis-social-icons-into-the-header
Like what Yigit said, you can place the AddThis social button code on a Text Block or Widgets.
Regards,
Ismael
Hey,
You can add this on your custom.css or Quick CSS:
.current-page-ancestor.current-menu-ancestor .avia-menu-fx {
visibility: visible;
opacity: 1;
display: block;
bottom: 0;
}
.current-page-ancestor.current-menu-ancestor .avia-menu-fx .avia-arrow-wrap {
visibility: visible;
opacity: 1;
display: block;
top: -10px;
}Regards,
Ismael
Hi,
The screenshot I posted above is the Blog Overview page. The category color looks the same on the single post view.
Regards,
Ismael
