Jump to content

Editing input text field - sizes and colours


Recommended Posts

I have a question about formatting form fields input text, size and colour, as well as dropdowns in the forms, also wising to change the text size and colour.

I am using Prestashop 1.6.0.6

Is there some custom css I can add somewhere to control all of these at once, or otherwise, what pages do I need to edit to achieve the following?

Contact Us:

Message box text (input text size and colour)
Subject Heading dropdown (text size and colour)
Email address dropdown (text size and colour)
Order reference dropdown (text size and colour)

Authentication:

(Create Account) Email address field (input text size and colour)
(Already Registered) Email and password fields (input text size and colour)

My Account:

Your Addresses (add a new address) - all input text size and colour
Your personal information - all input text, dropdowns, size and colour
Wishlist - all input text size and colour

Link to comment
Share on other sites

In global.css look for this styles:

.form-control {
    background-color: #FFFFFF;
    border: 1px solid #D6D4D4;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #9C9B9B;
    display: block;
    font-size: 13px;
    height: 32px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}
.form-control.grey {
    background: none repeat scroll 0 0 #FBFBFB;
}
Link to comment
Share on other sites

Thanks so much.

 

What about the values inside the drop down menu/select box eg. Country (add an address), Subject Heading (where it says --Choose--), Order Reference on the contact us page (where it says --Choose--)?

 

I have been able to change the list inside the drop down, but not the initial value in the top level of the drop down...

Link to comment
Share on other sites

For initial value you must open /themes/default-bootstrap/css/autoload/uniform.default.css and find style

div.selector span {
    color: #666666;
    text-shadow: 0 1px 0 #FFFFFF;
}
  • Like 1
Link to comment
Share on other sites

×
×
  • Create New...