Hey,

That is probably because the code in skin.css file also has !important.

Could you please try following code as well

#top .ls-outline .ls-nav-prev, #top .ls-outline .ls-nav-next {
    border: none !important;
}

This makes selector more specific so it might have higher priority :)

Best regards,
Yigit

Hi,

Great!

Please add following code to Quick CSS to remove borders

.ls-outline .ls-nav-prev, .ls-outline .ls-nav-next {
    border: none !important;
}

Best regards,
Yigit

Hi,

You are welcome! :)

For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

Enjoy the rest of your day!

Best regards,
Yigit

Hi,

Have you deleted the code after testing? If you did not delete it, there might be error in your CSS code as I cannot see it on your site. You can use this website to check for errors in your custom CSS – http://csslint.net/.

If there is no error in your CSS code, could you please try adding !important and check if that helps?

.ls-outline .ls-nav-prev::before, .ls-outline .ls-nav-prev::after, .ls-outline .ls-nav-next::before, .ls-outline .ls-nav-next::after {
transform: none !important; 
width: auto !important;
height: auto !important;
}

Best regards,
Yigit

Hey,

Glad you figured it out! :)

Please let us know if you have any other questions or issues and enjoy the rest of your day!

Cheers!
Yigit

Hi Jamie,

It means you can re-activate Performance settings.

If you would like to keep merging enabled, please go to Enfold theme options > Performance > Show advanced options > Unique timestamp of merged files and WP object cache bug and choose “fix WP bug, disable unique timestamps” option. This would stop generating new files and overwrite them instead which is intended behaviour.

Best regards,
Yigit

Hi Ramon,

Font size does not seem to be decreased. Please try adding !important rule as following

@media only screen and (max-width: 480px) {
div table.shop_table td {
font-size: 12px !important;
}
div table.shop_table td {
padding: 6px 6px;
}
}

By decreasing font size and padding, we are basically giving more space to button :)

Best regards,
Yigit

Hi!

Sorry for going back and forth without results but now I am getting “Sorry, your request cannot be accepted.” when I go to login page :)

Let us try a different approach:
– Please refer to this post – https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode and enable debugging mode in ALB
– Add following code to bottom of Functions.php file

add_action('avia_after_footer_columns', 'new_avia_after_footer_columns');
function new_avia_after_footer_columns(){
	echo do_shortcode("[your shortcode goes here]");
}

– Edit the page you created to use as your footer and copy the shortcode from debugging field below ALB and replace where it says [your shortcodes goes here] in the code above

Regards,
Yigit

Hi,

Please do so, so we can login and check why setting page as footer is not working as expected :)

Cheers!
Yigit

Hi,

Could you please post htaccess logins as well? We need them to access to site :)

Best regards,
Yigit

Hi Apflbutzn,

1- I simply prefer it for ease of access, no other reason :)

2- I created a page and the icons I would like to use, then on frontpage I inspected elements and copied HTML of icons and simply pasted them inside widget – https://imgur.com/a/rp4OHur

3- Yes, that is correct. If you need help with something specific, please post a screenshot and we will gladly help.

4- Yes, please edit your widget and wrap your icon with following HTML

<a href="mailto: (Email address hidden if logged out) "> HTML of icon here </a>

5- I edited your widget once again and added additional HTML for better targeting and then added following code to bottom of Quick CSS field

.widget-icon {
    float: left;
}

Best regards,
Yigit

Hi,

Please add following code to Quick CSS in Enfold theme options > General Styling

@media only screen and (max-width: 480px) {
div table.shop_table td {
font-size: 12px;
}
div table.shop_table td {
padding: 6px 6px;
}
}

After the changes, it should look as I showed in screenshot below. Other option would be changing table but then titles would not be aligned so I hope this works for you :)

Best regards,
Yigit

Hi,

I cannot see the error Ismael mentioned at the moment but nav icons are broken due to conflict in skin.css file. Please add following code to bottom of Quick CSS field

.ls-outline .ls-nav-prev::before, .ls-outline .ls-nav-prev::after, .ls-outline .ls-nav-next::before, .ls-outline .ls-nav-next::after {
transform: none; 
width: auto;
height: auto;
}

Best regards,
Yigit

Hi @ezwebdesign,

Thanks for your continued contribution, Roger. We appreciate it :)

Best regards,
Yigit

Hey Tony,

Thanks for contacting us!

Cheers!
Yigit