how to remove the inline-style after i edited a post?

jeongwee

see picture

hgtonight

Welcome to the community!

What version of Vanilla are you running?

Inline styles are generally applied via JS. What theme are you using?

x00

this is the ajax yellow fade effect, which used to be popular about 5 years ago.

I take it it fades away? if not you have a javascript conflict.

You don't have to remove it from the code, instead override it.

in youtrteme/design/custom.css

.ItemComment.Alt{
   background-color: transparent!important;
}

.ItemComment.Mine{
   background-color: transparent!important;
}

.ItemComment.Item{
   background-color: transparent!important;
}

change each to applicable colours for your theme.

peregrine

it's time to spend some time on themes and start learning. Otherwise you will be asking css questions and theme questions forever.

You can change it via .css

specifically create

custom.css in your theme folder and add (especially the .Mine ).

what x00 said.

vrijvlinder

You can change anything having to do with colors and style via css.

When you create a custom.css it gets priority over any other style sheet .

Please try another theme so you can compare what you have.

The style you edited in the style.css , would work, you must use !important

background:rgba(0,0,0,0.2)!important

The idea is you copy the parts you want to edit into the custom.css you made. Or copy the whole style.css into a new custom.css style sheet.

Leave the main style.css intact only edit or work on the custom.css

peregrine

After you learn about themes - you will realize why you should create a new theme and not mess with the default theme. So when other problems crop up you can remember this message. Now if you have a problem you can never revert back (so to speak, just by clicking on default theme) to the default theme (that comes out of the box and is useful when you run into problems), because you have just modified it.

You should really create a new one, and modify that. So, in a week or two after you read the docs links and sample plugin links. You will realize you did what you wanted, but not the best way.

hgtonight

Welcome to the community!

What version of Vanilla are you running?

Inline styles are generally applied via JS. What theme are you using?

x00

this is the ajax yellow fade effect, which used to be popular about 5 years ago.

I take it it fades away? if not you have a javascript conflict.

You don't have to remove it from the code, instead override it.

in youtrteme/design/custom.css

.ItemComment.Alt{
   background-color: transparent!important;
}

.ItemComment.Mine{
   background-color: transparent!important;
}

.ItemComment.Item{
   background-color: transparent!important;
}

change each to applicable colours for your theme.

jeongwee

@hgtonight 2.1 based on default theme , i rewrite the style.css under applications\dashboard\design.

vrijvlinder

No you need to edit that in a custom.css file. If the default theme does not have one, make one and put your edits there.

It is not advisable to edit the style.css which is the master style.

peregrine

read the documentation on (your college english will pay off).

http://vanillaforums.org/discussion/19915/deploying-a-new-forum-and-adding-a-theme-for-everyone#latest

jeongwee

@x00 ....but it also made my External Style transparent...........

jeongwee

@vrijvlinder = = i don understand i don hv custom.css file.

vrijvlinder

If you are using the default theme, it does not come with a custom.css , usually custom themes are the ones that have it.

If you are using the default theme, make a custom.css file and put it in the design folder of the theme. If it does not have a design folder, make one and put the custom.css in there.

I would suggest you download some themes and see what they have inside so you can get an idea of the files they contain.

jeongwee

@vrijvlinder i think i cant change it via edit css file....
@hgtonight how 2 change the js .so i can remove the yellow background-color ?im using the 2.1b1 version of vanilla

peregrine

it's time to spend some time on themes and start learning. Otherwise you will be asking css questions and theme questions forever.

You can change it via .css

specifically create

custom.css in your theme folder and add (especially the .Mine ).

what x00 said.

peregrine

http://vanillaforums.org/discussion/23530/in-case-you-guys-gals-trying-to-change-themes-don-t-know-about-this-goldmine

vrijvlinder

You can change anything having to do with colors and style via css.

When you create a custom.css it gets priority over any other style sheet .

Please try another theme so you can compare what you have.

The style you edited in the style.css , would work, you must use !important

background:rgba(0,0,0,0.2)!important

The idea is you copy the parts you want to edit into the custom.css you made. Or copy the whole style.css into a new custom.css style sheet.

Leave the main style.css intact only edit or work on the custom.css

peregrine

Or copy the whole style.css into a new custom.css style sheet.

is that a good idea??? my thinking not.

but yes, you should not edit style.css.

jeongwee

@peregrine @vrijvlinder



i tryed wat u say, it really doesent working,see the pictures, maybe something i did wrong.

jeongwee

@vrijvlinder my bad .......... use the background:rgba(0,0,0,0.2)!important .it works now..
sry i didnt know the !important and how is it working on css be4 googled it.
@peregrine i just learned css&html about one week . im trying to learn faster ,asking question is one of the way,anyway ty for all of the helping.

peregrine

After you learn about themes - you will realize why you should create a new theme and not mess with the default theme. So when other problems crop up you can remember this message. Now if you have a problem you can never revert back (so to speak, just by clicking on default theme) to the default theme (that comes out of the box and is useful when you run into problems), because you have just modified it.

You should really create a new one, and modify that. So, in a week or two after you read the docs links and sample plugin links. You will realize you did what you wanted, but not the best way.