Joomla Templates Club 406,261 posts

[qolby Friend qolbyJoin date: August 2014Posts: 81Downloads:5Uploads:8]

#205564

Please i would like to change the easydiscuss background for the frontpage (discussion home), presently is in white, i think that is the default background color

Thank you in advance

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#567111

What color are you wanting for the background?

Also, please provide the url of the site you’re working on.

[qolby Friend qolbyJoin date: August 2014Posts: 81Downloads:5Uploads:8]

#567112

please, i’m still working on localhost kindly tell me where the code is so i can change it my self

Thank you

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#567113

For which elements in Easy Discuss are you wanting to change the background color?

The comments boxes? The overall background?

Can you throw together a screenshot mockup indicating which element(s) for you want to change the background color?

[qolby Friend qolbyJoin date: August 2014Posts: 81Downloads:5Uploads:8]

#567116

i have change the the uber template color to green from thememagic but i only what to change the first background color (white) where the search box is, the comment box and the toolbar. not changing the comment box background (white).
only want to change the first white background pls see the screen shot

Thank you

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#567117

As this is a component separate and apart from the core template itself, “custom.css” will not work.

It would be monumentally helpful if you could get your site online – because then I could tell you exactly which files to modify.

[qolby Friend qolbyJoin date: August 2014Posts: 81Downloads:5Uploads:8]

#567118

i just upload the site now you can check and detail is provided in you private message

[qolby Friend qolbyJoin date: August 2014Posts: 81Downloads:5Uploads:8]

#567124

i only want to modify the first background color (white) where the comment box is and the search box is not the uber template background color (gray)

Thank you

---

Attachments:

1. 

[qolby Friend qolbyJoin date: August 2014Posts: 81Downloads:5Uploads:8]

#567126

I’m not changing the comment box color only the first white background color where the comment box and search is lay

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#567127

Try This . . .

Within file path —> components/com_easydiscuss/themes/simplistic/styles/style.css
at line 9325, modify as follows:


div#discuss-wrapper {
background: none repeat scroll 0 0 green;
box-sizing: border-box;
display: inline-block;
margin: 0;
min-height: 550px;
padding: 10px;
text-align: left;
width: 100%;
}

Of course, you can change the color code to whatever specific shade of green you want.

THEN . . . . .

at line 9766, modify as follows:


div#discuss-wrapper .discuss-item {
background: none repeat scroll 0 0 white;
border: 1px solid #dfdfdf
border-radius: 4px;
position: relative;
width: auto;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

[qolby Friend qolbyJoin date: August 2014Posts: 81Downloads:5Uploads:8]

#567217

Thank you so much perfect! pls one other issue is how can i increase the size of the badge in comment box. this badge is under username base the left side in comment box.

Thank you so much!

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#567268

Try This . . . . .

Within file path –> /components/com_easydiscuss/themes/simplistic/styles/style.css
at line 83, modify the “height” property . . .. for example:


div#discuss-wrapper img {
border: 0 none;
height: 100px;
vertical-align: middle;
}

You can, of course, play around with the pixel value until you arrive at the result you like best.
(also, you don’t need the “width: 100%” property – so you can delete it)

THEN . . . .

at line 11589, modify as follows:


div#discuss-wrapper .discuss-user .discuss-badges-list > li img {
width: 50px;
}

Again, play around with the “width” pixel value until you arrive at the result you like best.

Hope That Helps. 🙂

[Author]

Posts