Peter White
Customers
Post Count:73
 |
| 04 Mar 2011 06:47 PM |
|
- Active Social Version: 1.9.1
- DotNetNuke Version: 5.6.1
Hello all. I am using Artisteer theme creator and need some help editing
the AF and AS css templets to do some color contrast adjusting.
While
I have been able to figure out most of the AF I could really use some
help with AS as well.
If you take a look at my site and those 2 aspects you will see where I need the help. http://www.wodnews.net
Mainly for AF I can't seem to find where to change the white/colored
rotated background during a post when you click the bottom button and it
displays all the posts in the thread. I need to change that off while
color to something darker as the text is very light. Aside from that
where the top link bar that displays "unanswered" "search" "active
topics" etc I can't seem to find where to change the white background of
that either in the theme AF .css templet (I am using the _default theme
in AF).
With AS I need several aspects fixed mainly under members & group
listing the white rotating background needs to be changed. And under the
users profile page all that white background needs to be changed. In AS
what are the names of those specific templets I need to edit?
Thanks for any help! |
|
|
|
|
Peter White
Customers
Post Count:73
 |
| 07 Mar 2011 02:29 PM |
|
Ok I think I mostly got AF squared away. However there are 2 specific areas I can't find in the theme css file what to change. First is the top white bar with the links "My profile" "My Settings" etc are. Where do I change the white background. Also when posting, under 'topic review' where can I change the rotating white background? Again I can't find the location that effects that in the theme css. Any help appreciated! |
|
|
|
|
Ben - DotNetNuke
DotNetNuke Staff
Post Count:1645
 |
| 07 Mar 2011 02:49 PM |
|
Can you be a little more specific about the "top white bar"? I looked at the templates where the My Settings and My Profile links are on the profile page, and it should not have a background. The forum uses two css classes for topics and replies. It alternates between .afpostreply1 and .afpostreply2 The PostInfo section (where the avatar is) also alternates with .afpostinfo1 and .afpostinfo2 |
|
|
|
|
Peter White
Customers
Post Count:73
 |
| 08 Mar 2011 01:34 AM |
|
Hi Ben,
If you go here http://www.wodnews.net/Forum.aspx you will see the 'white bar' at the top but by how you describe it, it's white because the templet behind those links isn't colored is the impression I am getting. Is that correct? If so its not a huge issue. I just thought it would be a color code buried somewhere for it. But it does not stick out that bad and a little white in the theme works ok, as it breaks it up.
However the rotating colors is still vexing me... I found those classes you pointed out but none of the color codes have anything to do with the background. According to my web tool the color code of that background in question is FFF (pure white) however under those classes only color code I see is 333 and other such gray colors.
Is this another case of no color code so it defaults to white?
|
|
|
|
|
Steven Webster
Customers
Post Count:1665
 |
| 08 Mar 2011 07:49 AM |
|
Peter, Try adding this CSS class to your skin's CSS .aftoolbarpanel { background-color: #F5F5F5; border: 1px solid #DCDCDC; margin-bottom: 2px; width: 100%; } But remove the first line (or change it to the color you want. It's line 110 on module.css that is defining that bg color.
|
|
Steven Webster dnnOsphere.com, An Independent Community for DotNetNuke Users |
|
|
Ben - DotNetNuke
DotNetNuke Staff
Post Count:1645
 |
| 08 Mar 2011 09:03 AM |
|
My mistake, I was looking at the Active Social profile page, not Active Forums. Steven is correct though, of course. |
|
|
|
|
Peter White
Customers
Post Count:73
 |
| 08 Mar 2011 03:25 PM |
|
That you both. One final question on AF css wise. Where can I change the text color on the 'add reply' button when viewing a post? Not the color when you hover over it, but the standard color when not being hovered. Thank you both! After this I got to tackle AS... ACK! lol I am sure I will have some questions of things I can figure out there. Any suggestions on where I should start css wise when color correcting the AS templet for my new skin? |
|
|
|
|
Ben - DotNetNuke
DotNetNuke Staff
Post Count:1645
 |
| 08 Mar 2011 03:35 PM |
|
.ambutton a:link, .ambutton a:visited, .ambutton a:active, .ambutton a:hover{color:# } I use firebug to find which classes are being applied to elements on the page, it is really quite easy once you get the hang of it. |
|
|
|
|
Peter White
Customers
Post Count:73
 |
| 09 Mar 2011 04:53 PM |
|
Great utility thank you. 2 final questions;
One on the main profile AS page like you see here http://www.wodnews.net/Profile/Memb...fault.aspx I got serious white contrast issues I need to fix. Where is the css file I can darken the white background for the AS module?
The next issue has nothing to do with you directly, has to do with the skin creator I used but if you have any suggestions I'd appreciate it. If you look here http://www.wodnews.net/Forum/tabid/...fault.aspx for example you can see the AF star rating all sorts of distorted. I know it has to do with the skin not the module but any off hand idea how to fix it skin wise?
Thanks for any help you can offer :) |
|
|
|
|
Ben - DotNetNuke
DotNetNuke Staff
Post Count:1645
 |
| 10 Mar 2011 08:29 AM |
|
div.amsocial .astabcontent {background-color: #FFFFFF;} and div.amsocial .asmodbody {background-color: #FFFFFF; Either change the color, or remove it. For the rating star, add something like this: ul.af-rater li{padding:0;background-image:none;} |
|
|
|
|
Steven Webster
Customers
Post Count:1665
 |
| 10 Mar 2011 10:42 AM |
|
The next issue has nothing to do with you directly, has to do with the skin creator I used but if you have any suggestions I'd appreciate it. If you look here http://www.wodnews.net/Forum/tabid/...fault.aspx for example you can see the AF star rating all sorts of distorted. I know it has to do with the skin not the module but any off hand idea how to fix it skin wise? Artisteer is setting it's own UL/LI. I have this same issue on my Aristeer skin using AF. On yours it's line 1929 of the style.css Changing it from this .art-blockcontent-body ul li, .art-blockcontent-body ol ul li { display: inline; } to this resoles the star issue...but not sure what it does to other unordered lists. .art-blockcontent-body ul li, .art-blockcontent-body ol ul li { display: inline; list-style-type: none; } |
|
Steven Webster dnnOsphere.com, An Independent Community for DotNetNuke Users |
|
|
Peter White
Customers
Post Count:73
 |
| 10 Mar 2011 10:50 PM |
|
That fixed the star issue thank you so much!! One questions looking in the AS folder I see module.css and module-1.6.css which of those do I need to edit to work on the background color? |
|
|
|
|
Steven Webster
Customers
Post Count:1665
 |
| 11 Mar 2011 06:41 AM |
|
I would avoid modifying module.css since it gets replaced with each AS upgrade. Instead just reset the styles in your skin CSS. |
|
Steven Webster dnnOsphere.com, An Independent Community for DotNetNuke Users |
|
|
Peter White
Customers
Post Count:73
 |
| 15 Mar 2011 05:56 PM |
|
That you Steven, one final thing since you seem to be a .css pro, if you look in this thread about 1/2 way you see a screen shot of the text editor I use (cute editor) http://www.wodnews.net/Forum/tabid/...fault.aspx
As you see the skin put all the tool bars sections on its own line rather then all the way across 2 or 3 lines. Any idea how to address that?
Thanks again for all this non-standard help
Peter |
|
|
|
|
Steven Webster
Customers
Post Count:1665
 |
| 15 Mar 2011 07:12 PM |
|
Peter, my first guess is that it's the very same issue that is causing the ratings/stars issue. PS _ I've just gotten good at "cheating" by using FireBug.
|
|
Steven Webster dnnOsphere.com, An Independent Community for DotNetNuke Users |
|
|
Peter White
Customers
Post Count:73
 |
| 17 Mar 2011 01:03 PM |
|
Posted By Steven Webster on 10 Mar 2011 11:42 AM
The next issue has nothing to do with you directly, has to do with the skin creator I used but if you have any suggestions I'd appreciate it. If you look here http://www.wodnews.net/Forum/tabid/...fault.aspx for example you can see the AF star rating all sorts of distorted. I know it has to do with the skin not the module but any off hand idea how to fix it skin wise?
Artisteer is setting it's own UL/LI. I have this same issue on my Aristeer skin using AF.
On yours it's line 1929 of the style.css
Changing it from this
.art-blockcontent-body ul li, .art-blockcontent-body ol ul li {
display: inline;
}
to this resoles the star issue...but not sure what it does to other unordered lists.
.art-blockcontent-body ul li, .art-blockcontent-body ol ul li {
display: inline;
list-style-type: none;
}
Well I found out what else that changes.. take a look at this...
http://www.wodnews.net/Community/SiteWall.aspx
Any thoughts? If worse comes to worse I will just remove the star rating not like it is a critical function or highly used. |
|
|
|
|