Issue with the MyCommunity template and Kunena; posts are too wide

2 years 4 months ago - 2 years 4 months ago #291945 by SuperHaven
Hello, I am having an issue on one of my sites, at the moment I have not linked it in this post because it is an "adult" website.

The problem is that the posts are appearing wider than the main content area.

The problem that I am having is kind of old (I started to resolve it a few months ago but never finished) but I still need to address it, I have not found anything yet on Joomlapolis to resolve the issue.

I first posted about my problem here on the Kunena forums, they said its a template issue, so now I am posting here.


This message contains confidential information


Joomla: 3.6.5
CB: 2.1.2
MyCommunity: 3.0.1
Kunena: 5.0.6.1

Attachments:
2 years 4 months ago #291973 by krileon
Looks like it's due to the below CSS.

IN: http://localhost/dev/templates/mycommunity/css/template.css
ON: Line 688
.alert, .notice, .note, .message {
    color: #0046cc;
    border: 1px solid #0047c9;
    background: #a8c1f0 url(../images/notice.png) 10px 50% no-repeat;
}

IN: http://localhost/dev/templates/mycommunity/css/template.css
ON: Line 684
.attention, .notice, .alert, .note, .error, .message {
    display: block;
    padding: 8px 10px 8px 42px;
    margin: 15px 0px;
    font-size: 12px;
    line-height: 120%;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
}

The below change should fix this so it only styles system messages.

FROM:
.alert, .notice, .note, .message {
    color: #0046cc;
    border: 1px solid #0047c9;
    background: #a8c1f0 url(../images/notice.png) 10px 50% no-repeat;
}
TO:
#system-message .alert, #system-message .notice, #system-message .note, #system-message .message {
    color: #0046cc;
    border: 1px solid #0047c9;
    background: #a8c1f0 url(../images/notice.png) 10px 50% no-repeat;
}

FROM:
.attention, .notice, .alert, .note, .error, .message {
    display: block;
    padding: 8px 10px 8px 42px;
    margin: 15px 0px;
    font-size: 12px;
    line-height: 120%;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
}
TO:
#system-message .attention, #system-message .notice, #system-message .alert, #system-message .note, #system-message .error, #system-message .message {
    display: block;
    padding: 8px 10px 8px 42px;
    margin: 15px 0px;
    font-size: 12px;
    line-height: 120%;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
}

It's due to Kunena having the message CSS class on each message row.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Templates - CBSubs - Hosting - Forge - Incubator - GroupJive
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM EST to 4:00 PM EST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
Moderators: beatnantkrileon
Time to create page: 0.390 seconds
Facebook Twitter Google LinkedIn