remove arrows from widget list items for Travelify theme

Hello Aigars,

I found this topic about removing the arrows in a widget : You can remove this arrow from first two widgets by adding this simple CSS to Appearance >> Theme Options >> Other >> Custom CSS.

#flags li {
background: none;
}
#linkcat-1309 li {
background: none;
padding: 0;
margin: 0;
}

This removes the arrows from the top two widget I would like to remove the arrows from all widgets.

Regards

WIMA

Hey Aigars,

There is no response on this question, maybe you are on holiday and now on a beach of some exotic tropical island hope you have fun. Bud lives goes on so a other reply:

I changed the name linkcat-1309 in to the name of my widget recent-comments-2 bud it is not working any idea.

WIMA

Hi @WIMA,

I hope you are well today and thank you for your question.

You can remove the arrows from all sidebar widgets by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Apperance -> Theme Options -> Other -> Custom CSS

#secondary .widget ul li {
  background-image: none;
  padding-left: 0;
}

Best Regards,
Movin

Thank you for this answer it did the trick voor the widget in the right side bar bud not for the footer area can you tell me what css code to use for the footer widgets.

WIMA

Hello Aigars / Movin

I think I found the solution for the footer widget area by adding this CSS code:

#footerarea .widget ul li {
background-image: none;
padding-left: 0;
}

Best Regards

WIMA

Hi WIMA,

Awesome great to see you found the solution.

You can combine both the solutions as following CSS code.


#secondary .widget ul li,
#footerarea .widget ul li {
background-image: none;
padding-left: 0;
}

Cheers,
Movin

Movin thank you so much for this solution everythis works just fine

Regards

WIMA

You are most welcome here :slight_smile: