View Replies (9)

Resolved Indigo Custom.css Problems

  1. Indigo
  2. Monday, 22 June 2020
Hi,

I've some issue regarding the custom css file that you suggest to creat. I've tried to create it and custom some css lines, like the menu items, but it doesn't take effect I don't know why.

The solution that I get was edit the template.css directly, but everytime some update is done, this changes are lost and I need to do it again witch is very annoying.

The lines that I edit is the 4607 of the template.css file: (deleting the flex or change it to zero)


Can you explain me how to do it to keep this as a final solution?

Kind regards,
Luís
Attachments (1)
Captura de ecrã 2020-06-22, às 20.50.09.png Captura de ecrã 2020-06-22, às 20.50.09.png
Accepted Answer
Hi there,

I have added this css code and solved your issue. 



.sp-megamenu-wrapper > ul > li {

flex: initial; 

text-align: center;

}


-Thanks
  1. more than a month ago
  2. Indigo
  3. # Permalink
Responses (9)
Hello Luís,
Apology for your issue. Please share your administrator access via PM to check. Click on my avatar and send message to PM.

- Best regards
  1. more than a month ago
  2. Indigo
  3. # 1
Thank you Ofi Khan, I'll share with you the administrator access
  1. more than a month ago
  2. Indigo
  3. # 2
An example of code for custom.css for Indigo.



/***** CUSTOM.CSS for Indigo Template *****/

/****** Last edited 15:46 25/06/2020 ******/



.sp-megamenu-wrapper > ul > li {

  flex: 1;

  text-align: center;

}


Save this code as a file called custom.css
The file should be placed in /templates/indigo/css/
  1. more than a month ago
  2. Indigo
  3. # 3
Sorry, but as you can see, its not working.

Check the screenshots above please. In the present moment we have 2 references to flex, and the main menu is still in two lines:

Error: http://prnt.sc/t6cfka
https://prnt.sc/t6cey2
  1. more than a month ago
  2. Indigo
  3. # 4
Hi there,

I have added this css code and solved your issue. 



.sp-megamenu-wrapper > ul > li {

flex: initial; 

text-align: center;

}


-Thanks
Thank you so much for your support Toufiq. Regarding future .css customs, from now I can update it allways in the custom.css file right?
  1. more than a month ago
  2. Indigo
  3. # 5
Hi there,

I have added this css code and solved your issue. 



.sp-megamenu-wrapper > ul > li {

flex: initial; 

text-align: center;

}


-Thanks
Thank you so much for your support Toufiq. Regarding future .css customs, from now I can update it allways in the custom.css file right?


yes :)
  1. more than a month ago
  2. Indigo
  3. # 6
cool thanks :D have a nice day
  1. more than a month ago
  2. Indigo
  3. # 7
cool thanks :D have a nice day


You are most welcome & Thanks. Have a nice weekend. :)
  1. more than a month ago
  2. Indigo
  3. # 8


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.

Please publish modules in sidebar position.