This question has been flagged
3 Replies
7536 Views
colorscssbootstrap
Avatar
wizardz

How can I change the link color of the Website?

I try to search this:

web/css/website.assets_frontend/19448cb

but I only found this:

/web/static/lib/bootstrap/css/bootstrap.css


When I change the bootstrap.css a{} color, nothing happends

Avatar
Discard
Avatar
Temur
Best Answer

too much specific question on quite wider subject... but, here is answer:

option 1: Change theme in odoo website to one of existing (go to: "Customize/Change Theme" from website), or create/add your own theme...

option 2: through custom module (say named as my_module):

__openerp__.py:

...
    'depends': ['website'],
    'data':['my_module_view.xml'],
...

my_module_view.xml:

<openerp>
    <data>

        <template id="assets_frontend" name="my_module assets" inherit_id="website.assets_frontend" >
            <xpath expr="." position="inside">
                <link rel='stylesheet' href="/my_module/static/src/css/style.css"/>
            </xpath>
        </template>


    </data>
</openerp>

static/src/css/style.css:

a {
    color: #CA4040;
    text-decoration: none;
}

option 3: it may work to change "/web/static/lib/bootstrap/css/bootstrap.css" or "/website/static/src/css/website.css" or whatever is original location of a {} style in base code, but that's not a recommended way, as any further update of web/website modules will discard your changes...

I suggest you to stick with first,  or second option.

Avatar
Discard
Avatar
Pawan
Best Answer

Stephane,

If you are having an anchor tag <a>, then you can use normal HTML tag only to add color like:

<a style="color:red;">YOUR TEXT</a>

Hope it help!!

Avatar
Discard
wizardz
Author

I need to change the global a{} and not only for 1 html link.

Pawan

so you can create your own custom module and add a new css file
and in that file add a new class
a{
color:red;
}