Hey!

1.) It is working when I applied it in the browser inspector. Please post the login details here so that we can check the css codes.

2.) Did you remove the css code? I checked the link and the hover color of the back button still there.

Cheers!
Ismael

Hey NGdesign6!

Thank you for using Enfold.

The lightbox requires the title of the actual image or the image’s parent, usually a link tag. It cannot fetch the value of the title or caption field. Unfortunately, you have to specify the title and the description of the image in the Media > Library separately. If you want to modify the theme’s lightbox integration, edit the js > avia.js file, look for the following code.

image: {
				    titleSrc: function(item){
					    var title = item.el.attr('title');
					    if(!title) title = item.el.find('img').attr('title');
					    if(!title) title = item.el.parent().next('.wp-caption-text').html();
					    if(typeof title == "undefined") return "";
					    return title;
					}
				},

Unfortunately, this modification is quite extensive and it is outside the scope of support. Please hire a freelance developer or contact our partner, codeable.

// http://kriesi.at/contact/customization

Best regards,
Ismael

Hey tonyyim2008!

Thank you for using Enfold.

There is no designated widget area for the portfolio category so you have to use the “Displayed Everywhere” widget area. Use the following plugin to control the visibility of the widget.

// https://wordpress.org/plugins/widget-logic/

Use the is_tax( ‘portfolio_entries’ ); conditional function.

// https://codex.wordpress.org/Function_Reference/is_tax

Cheers!
Ismael

Hey!

Alright. Please open a new thread. If you want to adjust the pattern of the share icons, you can use the following filter.

add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args)
{
	$thumb = wp_get_attachment_image_src( get_post_thumbnail_id(), 'masonry' );
	$args['twitter']['pattern'] = 'https://twitter.com/share?text=[title] '.$thumb[0].'&url=[shortlink]';
	return $args;
}

Best regards,
Ismael

Hi Ciaran1212!

Thank you for using Enfold.

1.) How did you set the font? This is the style of the nav in the “afistfullofbolts” site. Take note of the font-family property.

.primary-nav-wrapper nav {
    font-family: Arial,sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .02em;
    font-family: "Courier New","Courier","monospace";
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-weight: normal;
    font-style: normal;
    line-height: 1em;
}

2.) Please go to the Advanced Styling panel, modify the Main Menu Links element and tick the “Apply on hover” option.

3.) Use the “last-child” selector to adjust the padding of the last menu item.

#top #header .av-main-nav > li:last-child {
    padding-right: 10px;
}

Cheers!
Ismael

Hi ftlamont!

Thank you for using Enfold.

What do you mean by “scrolling menu”? Please provide a link to the page so that we can inspect it. A screenshot will help. If you’re referring to the shrinking header, you can try this in the Quick CSS field.

#top .header-scrolled .container, #top .header-scrolled .main_menu ul:first-child > li > a, #top .header-scrolled #menu-item-shop .cart_dropdown_link.container.av-logo-container {
    height: 40px !important;
    line-height: 40px !important;
}

Regards,
Ismael

Hey!

Could you please provide a screenshot of the changes that you would like to make? Why are you using different elements in the test page when you can just use the plugin’s shortcode?

Cheers!
Ismael

Hi,

There is no category widget in the footer when I checked the link. Please add the widget so that we can inspect it. You can use the css nth child selector to select the items after the fifth one.

// https://css-tricks.com/almanac/selectors/n/nth-child/

Example.

.widget li:nth-child(n+5) {
  /* style here */
}

Best regards,
Ismael

Hey!

The css code above should actually increase the width of the columns. I’m not sure how you see the reverse. Another workaround is to decrease the max width of the main container by a pixel.

.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
    width: 1299px;
}

Best regards,
Ismael

Hi!

Thank you for the update. And we are very sorry for the confusion.

1.) The color section is a full width element and it will always go before the sidebar thus pushing the sidebar underneath it. Your workaround is our usual suggestion for users with the same request.

2.) Could you please provide a screenshot of the issue? Are you referring to the Header > Header Layout > Header Title and Breadcrumbs settings?

3.) Please adjust the ratio of the content and sidebar in the Enfold > General Layout > Dimensions > Content | Sidebar Ratio settings.

Cheers!
Ismael

Hi mleite1!

Thank you for using Enfold.

I checked the page but I don’t see the described issues above. It’s probably working on an emulation. Could you please provide screenshots of the issue?

Cheers!
Ismael

Hey!

Thank you for the info.

Please add this code in the child theme’s functions.php file.

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
	$fonts['Google fonts']['Roboto Light'] = 'Roboto Light:400,700';
	$fonts['Google fonts']['Open Sans Light'] = 'Open+Sans:300i,400';
	$fonts['Google fonts']['Source Sans Pro'] = 'Source+Sans+Pro';
	return $fonts;
}

Cheers!
Ismael

Hi JJ!

Thank you for using Enfold.

Please disable the sidebar then add this in the Quick CSS Field.

#top .fullsize .template-blog .blog-meta {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

#top .fullsize .template-blog .post .entry-content-wrapper {
    padding-left: 50px;
    overflow: hidden;
}

Cheers!
Ismael

Hey MaaikeVVV!

Thank you for using Enfold.

The images have different sizes. Edit the Portfolio Grid element then set the “Portfolio Grid Image Size” settings to the second option. Select the thumbnail size. And make sure that the original or source images have the same sizes.

Cheers!
Ismael

Hi!

The image is not included in the “share pattern”. You can filter the pattern with the following code.

add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args)
{
	$thumb = wp_get_attachment_image_src( get_post_thumbnail_id(), 'masonry' );
	$args['twitter']['pattern'] = 'https://twitter.com/share?text=[title] '.$thumb[0].'&url=[shortlink]';
	return $args;
}

// https://kriesi.at/support/topic/large-twitter-card-for-post-share-icon/#post-662746

Best regards,
Ismael