Read before updating: How to Update Kunena Templates - More detail

Problem with css

M Topic Author
Junior Member Junior Member
  • Posts: 23
  • Thanks: 0

Problem with css

10 years 5 months ago
#2878
hi, i purchased this template, but i have some problem with css in my website.

the div class="kcol-mid kcol-kcatlastpost" is big and come outs from the edges.
the button of karma is not present

Attachments:

Please Log in or Create an account to join the conversation.

Huyen Nguyen's Avatar
Moderator Moderator
  • Posts: 558
  • Thanks: 140

Re: Problem with css

10 years 5 months ago
#2879
Hi Martin,

I have checked this problem on your site and sent a email to your mailbox. Please provide me the your site information. I will try to check and solve this problem.

Regards,
Huyen Nguyen
Nice Theme Store's Support Department.
Support email: 9themestore[at]gmail.com
** Please post your site url here if it has been lived **

Please Log in or Create an account to join the conversation.

M Topic Author
Junior Member Junior Member
  • Posts: 23
  • Thanks: 0

Re: Problem with css

10 years 5 months ago
#2889
the images do not fit to the width of the body

Attachments:

Please Log in or Create an account to join the conversation.

Huyen Nguyen's Avatar
Moderator Moderator
  • Posts: 558
  • Thanks: 140

Re: Problem with css

10 years 5 months ago
#2890
Hi,

Please create a style file with named nts-kmaterial-custom.css and paste below CSS rules to that file.
Code:
#Kunena #kprofilebox span .inputbox { background: transparent; border: 1px solid #333; } /* Fix for image does not fit content */ #Kunena .kmsgimage img { max-width: 200px; } #Kunena table.kmsg td { border-top: 0; } #Kunena .kmsg .kmessage-thankyou { border-top: 1px solid #333; }

Save and upload nts-kmaterial-custom.css file to the "[root]/templates/purity_iii/css" path. Back to front-end to refresh your site when you finish.

Hope this helps.
Huyen Nguyen
Nice Theme Store's Support Department.
Support email: 9themestore[at]gmail.com
** Please post your site url here if it has been lived **

Please Log in or Create an account to join the conversation.

M Topic Author
Junior Member Junior Member
  • Posts: 23
  • Thanks: 0

Re: Problem with css

10 years 5 months ago
#2892
Now the pictures are very small.They must adapt to the width of the body

Attachments:

Please Log in or Create an account to join the conversation.

Huyen Nguyen's Avatar
Moderator Moderator
  • Posts: 558
  • Thanks: 140

Re: Problem with css

10 years 5 months ago
#2893
Hi,

Please send me issue's url again. I can't view this page when I click to old link.

Thanks
Huyen Nguyen
Nice Theme Store's Support Department.
Support email: 9themestore[at]gmail.com
** Please post your site url here if it has been lived **

Please Log in or Create an account to join the conversation.

M Topic Author
Junior Member Junior Member
  • Posts: 23
  • Thanks: 0

Re: Problem with css

10 years 5 months ago
#2908
i send you a email

Please Log in or Create an account to join the conversation.

Huyen Nguyen's Avatar
Moderator Moderator
  • Posts: 558
  • Thanks: 140

Re: Problem with css

10 years 5 months ago
#2909
Hi,

Thank you about your information. Open the nts-kmaterial-custom.css file and update new css rule for attachment image.
Code:
/* Fix for image does not fit content */ #Kunena .kmsgimage img { max-width: 920px; }

Refresh your forum to view all changes.

Best regards,
Huyen Nguyen
Nice Theme Store's Support Department.
Support email: 9themestore[at]gmail.com
** Please post your site url here if it has been lived **

Please Log in or Create an account to join the conversation.

M Topic Author
Junior Member Junior Member
  • Posts: 23
  • Thanks: 0

Re: Problem with css

10 years 5 months ago
#2929
It works but is not responsive

Attachments:

Please Log in or Create an account to join the conversation.

Huyen Nguyen's Avatar
Moderator Moderator
  • Posts: 558
  • Thanks: 140

Re: Problem with css

10 years 5 months ago
#2932
Hi,

Please add below CSS rules to the nts-kmaterial-custom.css file.
Code:
@media (max-width: 768px) { #Kunena .kmsgimage img { width: 100%; } }
Huyen Nguyen
Nice Theme Store's Support Department.
Support email: 9themestore[at]gmail.com
** Please post your site url here if it has been lived **

Please Log in or Create an account to join the conversation.

Time to create page: 0.306 seconds