(SOLVED) removing left-hand chevrons/bullets from cms categories

[rustyclockwork]

Does anyone know where the code is for the chevrons or "bullets" that appear on the left-hand side of the cms categories?

 

I'm using 1.6 stock theme, latest.

 

Thank you,

 

Jason

[Rolige]

It is in the file global.css, but is a general style for all the shop, if you want to change this, you can change it in the rule:

.rte ul {
  list-style-type: disc;
  padding-left: 15px; }

If you want to change only for the CMS pages, put all the content inside a div:

<div class="cms-page-content">
  //All you content here
</div>

And now add a new css rule in global.css:

.cms-page-content ul {
  /* your custom styles here */ }

I hope this help.

[rustyclockwork]

Hi, thank you for posting that info...

 

I commented out that code in global.css, perhaps that's not the correct way I should have done that, as nothing changed.

Any ideas?  Or am I doing it wrong?

 

Thank you for all your help!

 

Jason

[fred-vinapresta]

if you use google chrome, press ctrl + shift + i, you will have a new window. In the elements tab you can check your site structure ans see the style for each element. Find your list and you will be able to see where is css code to modify

[Rolige]

Most of browsers adds their custom styles, use this for CMS pages:

.cms-page-content ul {
  list-style-type: none !important; }

[rustyclockwork]

This is nuts, I know I was able to do this on a previous version of prestashop 1.5.

 

Have tried everything I could think of in the following...

 

global.css

blockcategories.css

 

I use Safari, but haven't looked at the "develop" option tab and will try that and see if it has a similar feature like Chrome has.

 

Thank you again,

Jason

[Rolige]

Could you share the URL of your store?

[rustyclockwork]

Hi, sure thing...

 

http://vps5951.inmotionhosting.com/~oldfou5/index.php

 

Just click on one of the original categories on the top horizontal menu, it will bring up the left hand categories in the body of the page.

 

It's not finished of course, there's a lot left to do...

 

Thank you again for your help,

 

Jason

[Rolige]

Ok, in the global.css search for the rule:

.block .list-block li a:before {
  content: "\f105";
  display: inline;
  font-family: "FontAwesome";
  color: #333333;
  padding-right: 8px; }

Just comment the code inside or you can change the icon in the "content:"

[rustyclockwork]

THAT DID IT!!!

 

I think I know what to look for now regarding the chevrons in the product categories, thank you again!

 

Jason

[rustyclockwork]

The code which changes the chevrons in the product categories box is here...

 

blockcategories.css

 

around line 87

 

#categories_block_left li li a:before {

      content: "\f105";

      font-family: "FontAwesome";

      line-height: 29px;

      padding-right: 8px; }

 

Please mark this topic as solved when you have the time,

 

thank you again!

Jason