Hey bridgeway04!

Thank you for using Enfold.

Looks like you managed to adjust the vertical position of the title with the following css modification.

.title_container h1.main-title.entry-title {
    top: 0px;
}

If you want to remove the “Permanent Link:” text, please add this in the functions.php file:

function ava_custom_script_mod(){
?>
<script>
(function($){
	function a() {
		$('h1.main-title.entry-title a').each(function() {
			var oldtitle = $(this).attr('title'),
				newTitle = oldtitle.replace('Permanent Link: ', '');

				$(this).attr('title', newTitle);
		});
	}

    a();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_mod');

Cheers!
Ismael

Hi!

Thank you for using Enfold.

You can use the “wp_dequeue_script” script to drop the script and then enqueue it again without the dependency but I’m not sure how it will turn out.

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

Example:

// https://kriesi.at/support/topic/add-css-class-when-submenu-become-fixed-sticky-on-scroll-not-in-avia-js/

You need to adjust the values. For feature request, please visit the following link.

// https://kriesi.at/support/enfold-feature-requests/

Regards,
Ismael

Hey!

The image is small because the following css modification overrides it.

ul.products.list li.product img {
    width: 30.75% !important;
    float: left;
    margin-bottom: 1.5em;
    -webkit-transition: none !important;
    margin-right: 3.8% !important;
}

If you want to move the title beside the image, add this code in the functions.php file:

function ava_custom_script_mod(){
?>
<script>
(function($){
	function a() {
		$('#top div .products.list .product').each(function() {
			var head = $(this).find('.woocommerce-LoopProduct-link'),
				title = head.find('.inner_product_header'),
				desc = $(this).find('div[itemprop="description"]');
	
				title.prependTo(desc);
		});
	}
	
	a();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_mod');

I’m sure you can handle the rest.

Best regards,
Ismael

Hey!

It’s still serving the old version of the style.css file. You can still see this css declaration:

#menu-dots li a {
    text-indent: -9999px !important;
    display: block;
    top: 3px;
    position: absolute;
    width: 8px;
    height: 8px;
}

Please purge the server or the cdn cache. Or deactivate it entirely while you’re working on the site.

Regards,
Ismael

Hi,

Sorry have disappointed you. Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Glad we could help :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the details. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.responsive #top #wrap_all .slide-entry {
    width: 48% !important;
    margin-left: 4% !important;
}
}

Best regards,
Rikard

Hi Barbara,

Glad we could help :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Glad we could help :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard