Jump to content

[solved] How do I change the font colour for 'Log In' please?


Recommended Posts

Hello

I am new on here, I need to change the font colour for the words 'log in' in the header..........
rather frustratingly, I have managed to change the colour of the other words, so I know I've missed something ;)

I am customising the prestashop theme to my store colours - my shop is not live, I am working on a local host.

Many thanks :)

Link to comment
Share on other sites

Hi - thanks

I can't find #header_user a :(

I have header_user p, or header_user with no letter afterwards, I'm new to css, so I just wanted some colour changes that's all

I'm using the latest prestashop

/* block top user information */
#header_right #header_user {
color: white;
float: right;
width: 535px;
text-align: right;
margin-right: 6px
}
#header_user p {color: white;}
#header_user span { color: white; font-weight: bold }
#header_user ul { margin-top: 0.3em }
#header_user li {
color: white;
float: right;
line-height: 2em;
margin-left: 0.5em;
white-space: nowrap
}
#header_user #shopping_cart#header_user #your_account {color: white; font-size: 0.9em}
#header_user li #your_account {color: white; margin-left: 0 }
#header_user #shopping_cart a, #header_user #your_account a {
color: white;
background-repeat: no-repeat;
background-position: top left;
padding: 2px 0 4px 26px;
height: 20px;
text-decoration: none
}
#header_user #shopping_cart a {background-image: url('../img/icon/cart.gif') }
#header_user #your_account a { background-image: url('../img/icon/my-account.gif') }

/* Footer */
#footer {
border-top: 1px solid #d0d3d8;
padding: 0.5em 0;
clear: both
}
#footer .block_various_links { list-style: none }
#footer .block_various_links li a { text-decoration: none }
#footer .block_various_links li {
display: inline;
border-left: 1px solid #888;
padding: 0 2px 0 4px
}
#footer .block_various_links li.first_item {
border: none;
padding-left: 0
}

/* Default block style */

Link to comment
Share on other sites

I have tried - I am dyslexic, so It's probably simple & I've probably missed it :(

I have been staring at this problem for a few hours,

all I can find is:

#header_user
and
#header_user p
or
header_user info

any clue as to what line in the css it is please? I am at a loss now

edit: it was on line 155?
a {
color: white;
text-decoration: underline;
outline: none
}

so I hope that is right.........it looks white anyway :)

Link to comment
Share on other sites

this one this one :)

#header_user a{

}


You can add this line to your global.css near #header_user p or same thing with this line

#header_user_info a {color:red}


If you change

a { color: white; text-decoration: underline; outline: none
}


it could affect some other a tag that you don't want.

Link to comment
Share on other sites

thank you :)

that has worked!!!

I was looking for the text #header_user a, so I don't realise I could add a new line - I didn't want to alter the template much

I have started another colour theme now, I am using a darker background :)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...