Need help to adjust my CSS code

Started by abrodski, August 27, 2016, 03:04:32 PM

Previous topic - Next topic

abrodski

Hello!

A few years ago I made some CSS code customization on my forum. Since then (probably, due to updates or some other reason), right now it doesn't show it right (the way it was). The idea is that I've got one color of a bg where there's a name of a poster and his avatar and then there's another color where there's text that he writes (verbiage of the post itself). I'm attaching the print screen on which I show what exactly do I mean.
Also I would tell what I did so far to achieve the effect (though it's not exactly right at the moment).
In file  http://idevsky.com/forum/Themes/default/css/index.css  (line 1921) I added this line of code:

background:url('http://idevsky.com/images/post_bg.png') repeat-y;

And also I changed the height to 0px from 11px in two places:
line 972 and line 987

You can see it if you go to:
http://idevsky.com/forum/index.php

Test account credentials:
j.smith    qwerty

Then you click on John Smith (the only board) and then you go to "test" thread (the only one there).
There're 3 different colors:
1) the one where the poster name and avatar is (#dfecf5), it's the way it should be.
2) then there's one that covers the majority of post text area (#ebf3fb), it's the right color, it just doesn't spread right
3) then there's one irrelevant (wrong) color (#f0f4f7) which you can hardly see in the second post (the one that j.smith wrote) and it starts from the arrow point to the right.

ircsiinci

Hello!

windowbg, #preview_body
{
background-color: ##ebf3fb;

windowbg2
background-color: ##ebf3fb;

rewrite the same color as well.
Thus develop the uniform background.
Have a nice day!
........ Because she said it is better to give than to receive.

abrodski

Quote from: ircsiinci on August 27, 2016, 04:19:47 PM
Hello!
windowbg2
rewrite the same color as well.
Thus develop the uniform background.
Have a nice day!

Could you explain what you mean? I'm not a coder, so I don't understand, unless it's fully explained. Sorry.

ircsiinci

admin configuration templates enough signal
 
Changing the style sheet. (Colors, fonts, etc.).
index.css

Here you can rewrite the colors.k.b 466.sorban colors.

windowbg, #preview_body
{
background-color: # ebf3fb;

windowbg2
background-color: # ebf3fb;

........ Because she said it is better to give than to receive.

Sir Osis of Liver

Just search for the color you want to change in index.css, bearing in mind it may change things in other areas.  And please don't delete your posts, we don't appreciate taking time to respond to posts that have been removed.
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

abrodski

Quote from: Sir Osis of Liver on August 27, 2016, 04:37:01 PM
Just search for the color you want to change in index.css, bearing in mind it may change things in other areas.  And please don't delete your posts, we don't appreciate taking time to respond to posts that have been removed.

Sorry, it just the proposed solution didn't work well. But I would still keep it with a note that it's not working as it should in the future.

It's not that there's a color that needs to be changed. It's the CSS code that needs to be adjusted. I worked fine a few years ago and God know why it stopped working now.

ircsiinci

Bocsi javítok, most látom Default a sablonod.

SMF Demo Site » Administration Center » Themes and Layout » Modify Themes

Browse the templates and files in this theme./ css/index.css

Itt találod k.b466.sornál


windowbg, #preview_body
{
background-color: # ebf3fb;

windowbg2
background-color: # ebf3fb;
........ Because she said it is better to give than to receive.

abrodski

You think I know how to find SMF Demo site without its URL?

You wrote something in Hungarian, didn't you?

ircsiinci

I looked in your css-ed and have two different colors.

Thus, the background color is not the same answer sites., Fix them a form.

Sorry for the poor Englishmen.
........ Because she said it is better to give than to receive.

Sir Osis of Liver

The admin template/stylesheet editor is not recommended, especially for beginners, as it does not create backups of the edited files.

Quote from: abrodski on August 27, 2016, 04:42:07 PM
It's not that there's a color that needs to be changed. It's the CSS code that needs to be adjusted. I worked fine a few years ago and God know why it stopped working now.

The colors are specified in the css code, that's where they are, so that's where you have to change them.  Things stop working for a reason, you must have edited something or installed a mod that affected the css.
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

Sir Osis of Liver

What ircsiinci is trying to tell you is correct, the color #f0f4f7 appears twice in Curve index.css, this one is causing your problem -



.windowbg2
{
color: #000;
background-color: #f0f4f7;
}



Just change it to the color you want.
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

abrodski

I changed this color #f0f4f7  to this one(#dfecf5) in two places in index.css
It didn't solve the issue, it looks like in the attachment. So I will roll back.

Sir Osis of Liver

Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

abrodski


Sir Osis of Liver

Ok, if you want uniform background color across the post text area, with no alternating color, find this -



/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
color: #000;
background-color: #e7eaef;
}
.windowbg2
{
color: #000;
background-color: #f0f4f7;
}



and change it to this -



/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
color: #000;
background-color: #ebf3fb;
}
.windowbg2
{
color: #000;
background-color: #ebf3fb;
}


Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

abrodski

#15
Thanks a lot! It's much better now!

BUT... there's one more thing though. For some reason, every other post (see reply # 4 and reply # 2, for example) has this space (don't know how to call it) at its top and its bottom. That "space" has this color #e7eaef. How I could get rid of it? So it would be like in reply # 1 or reply # 3.

P.S. This issue is solved like this:

need to delete height 11px in lines 963 and 948

ircsiinci

Abrodski Hi!

I'm really sorry that my help was little to solve the problem.
I see now that the problem is caused by deposits inserted file.

background: url ('http://idevsky.com/images/post_bg.png') repeat-y;

This has been ignored.

Have a nice day!
........ Because she said it is better to give than to receive.

Advertisement: