×
Kunena 5.1.18 Released (30 Jun 2020)

The Kunena team has announce the arrival of Kunena 5.1.18 [K 5.1.18] which is now available for download as a native Joomla extension for J! 3.9.x. This version addresses most of the issues that were discovered in K 5.1 and issues discovered during the development stages of K 5.1.

Question Kunena 5.0.4.1- Problem with layout

More
3 years 6 months ago #1 by EM
Hi,
I installed the latest version of kunema and I use as a template purity_iii with the image background. The layout of kunema template appears to be nearly full page of transparent parties. I thought I set in on the site template for encase in a container with a code like that:

/* Layout */

wrapper {
margin: 0 auto;
padding: 0;
text-align: center;
}

.main {
background: #12110F;
margin: 0 10px;
padding: 10px 20px;
}

img {
border: 0 none;
}

container {
margin: 0 auto;
text-align: left;
width: 980px;
}

container-head .main {
background: url(../images/XXXX.png)
no-repeat center top;
height: 52px;
}

container .main {
background: #XXXXXXX
padding-top: 20px;
}

But the thing did not work. Anyone have any suggestions?

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

More
3 years 6 months ago #2 by 810
could you add a link to your forum, so we can see the html and css.

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

More
3 years 6 months ago #3 by EM

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

More
3 years 6 months ago #4 by 810
there is no main css class on your joomla template.

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

More
3 years 6 months ago #5 by EM
I wrote in the custom.css, but it's dosen't show. just the first part take.

body {
background: #161429 url("/forum/templates/purity_iii/images/sfondo.jpg") top center no-repeat;
color: #666;
font-family: "Lucida Sans Unicode", sans-serif;
margin: 0;
line-height: 1.6;
}

/* Layout */

wrapper {
margin: 0 auto;
padding: 0;
text-align: center;
}

.main {
background: #12110F;
margin: 0 10px;
padding: 10px 20px;
}

img {
border: 0 none;
}

container {
margin: 0 auto;
text-align: left;
width: 980px;
}

container-head .main {
background: url(../images/XXXX.png)
no-repeat center top;
height: 52px;
}

container .main {
background: #12110F;
padding-top: 20px;
}

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

  • Not Allowed: to create new topic.
  • Not Allowed: to reply.
  • Not Allowed: to edit your message.
Time to create page: 0.206 seconds