Hi,

Thank you for the update.

You can adjust the menu color in the Enfold > Transparency Logo Options section. Look for the Transparency Menu Color and Transparency Menu Color On Hover fields.

Best regards,
Ismael

Hey Technohead,

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

.avia_textblock span a {
  word-wrap: break-word;
}

Best regards,
Rikard

Hey Anouk,

Thanks for the update, we’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for letting us know, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for the clarification. If Enfold is still active and working as it should, then please try to remove the theme which is called 75214096. If you should need further help, then please post admin WordPress and FTP login details in private.

Best regards,
Rikard

Hey designmek,

Thank you for the inquiry.

Please add this css code to adjust the space between the radio buttons and the input label.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .wp-block-woocommerce-cart-order-summary-shipping-block .wc-block-components-radio-control .wc-block-components-radio-control__input {
    margin-left: -10px;
  }
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

Best regards,
Ismael

Hi,
Glad to hear that you have this sorted out, this would be the solution that I would recommend also, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
I tried to recreate the post that you linked to, so I created a test page with two links:

the first link opens a Classic Editor post in a new tab, the second opens the same post in a lightbox, in order for the link to work this must be added to the end of the post url:
?iframe=true&modal

Then I added two snippets in my WP Code plugin, the first is a PHP snippet

function add_modal_qs(){	
	if(isset($_GET['modal'])) {
		global $avia_config;
		if(isset($avia_config)) {
			$avia_config['template'] = 'blank';
		}
	}
}
add_action('init', 'add_modal_qs');

the second is a CSS snippet

#top.blank .title_container,#top.blank #main .sidebar{display:none;}
#top.blank .container .av-content-small.units {width: 100%;}
#top.blank .container .content {border: none;}
#top.blank #main .sidebar {border: none;}

The PHP snippet opens the post in a lightbox with no header or footer, the CSS snippet hides the titlebar and the sidebar and makes the post content full width.
So the first link, with the normal url, opens the post in a new tab with everything showing:

the second link with ?iframe=true&modal added to the url open a lightbox with only the content showing:

Best regards,
Mike

Hi,
Don’t be embarrassed, it can happen to the best of us :) Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thank you for your patience and your screenshots, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#main .avia-timeline-vertical.av-milestone-placement-left .av-milestone-content-wrap {
    width: 44%;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey northorie,
Try starting with the theme options to have the cookie bar at the bottom of the page, and then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-cookie-consent.avia-cookiemessage-bottom {
	bottom: unset;
	left: unset;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0,0,0,0.3);
}
#top .avia-cookie-consent .avia-cookie-consent-button {
	display: block;
    width: 60%;
    margin: 10px auto;
}
#top .avia-cookie-consent p {
	 display: block;
	 padding-bottom: 20px;
}
#top .avia-cookie-consent-button {
	 border-radius: 50px;
}
@media only screen and (max-width: 767px) { 
	#top .avia-cookie-consent.avia-cookiemessage-bottom {
	width: 80%;
	}
}
@media only screen and (min-width: 768px) { 
	#top .avia-cookie-consent.avia-cookiemessage-bottom {
	width: 25%;
	}
}

the desktop results:

tablet:

mobile:

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey jeel147,
Thank you for your patience, to remove the pencil icon try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.fallback-post-type-icon {
	display: none;
}

The space between each item is created by the padding, this css will reduce it in half, but feel free to adjust to suit.

.bloglist-compact.post-entry {
    padding: 7px 0;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
I logged into your site and review your css and found the error, your comment error disabled a large section of css:

in the screenshot all of the green css is disabled my the misplaced comment. I corrected it for you, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,

Please remove the code you added, then activate debug mode under Enfold->Layout Builder->Show Advanced Options->Debug Mode instead.

Best regards,
Rikard

Hey rqn,
If you want to hide the prev / next post navigation and add a new blog post navigation to the bottom of the posts, above the share buttons, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter( 'the_content', 'prev_next_post_nav' );
function prev_next_post_nav( $content ) {
	if ( is_singular('post') ) {
	$content .= '<div style="clear:both;"></div>';
	$content .= '<div class="prev-next-nav-container">';
	$content .= '<div class="prev-nav">';
	$content .= get_previous_post_link();
	$content .= '</div>';
	$content .= '<div class="next-nav">';
	$content .= get_next_post_link();
	$content .= '</div>';
	$content .= '</div>';
	return $content;
	}
	else {
		return $content;
	  }
}

Then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.prev-next-nav-container {
	width: 100%;
	height: 70px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.prev-next-nav-container .prev-nav {
	display: inline-block;
	float: left;
    border-style: solid;
    border-width: 2px;
    border-radius: 0px;
    text-align: center;
    padding: 5px;
    text-decoration: none;
}
.prev-next-nav-container .next-nav {
	display: inline-block;
	float: right;
    border-style: solid;
    border-width: 2px;
    border-radius: 0px;
    text-align: center;
    padding: 5px;
    text-decoration: none;
}
.prev-next-nav-container .prev-nav:hover,
.prev-next-nav-container .next-nav:hover {
	background-color: rgba(0,0,0,.2);
	color: #fff;
}
.prev-next-nav-container .prev-nav:hover a,
.prev-next-nav-container .next-nav:hover a {
	color: #fff;
}
.prev-next-nav-container .prev-nav a,
.prev-next-nav-container .next-nav a {
	display: inline-block;
}
.prev-next-nav-container .prev-nav:empty,
.prev-next-nav-container .next-nav:empty,
.single-post .avia-post-nav.avia-post-prev,
.single-post .avia-post-nav.avia-post-next {
  display: none;
}

This will make post navigation buttons like this:

The buttons only have a light styling, you can adjust to suit.
On Advanced Layout Builder posts they will show at the bottom of the post page:

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .main_color .avia-data-table.avia_pricing_minimal.not-accepted th {
background-color: red; color: white; text-align: left;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike