Joomla Templates Club 406,261 posts

[yerg Friend yergJoin date: February 2006Posts: 62Downloads:0Uploads:5 Thanks: 3 Thanked: 1 times in 1 posts]

#139964

I’ve got an issue with the .inputbox style which can be found in both the template.css and the movie.css files

I want a white background for the content part of the site and as a result the form fields disappear

This isn’t a good look in the Shop at all

I have a work around for the contact form but would like to achieve something a little better that that looks

I’d like something like this to apply JUST to the input box … nothing else

.inputbox {
padding: 2px;
border: 1px solid #121212;
background: #CFC8C9;
color: #4F4F4F;
font-size: 100%;
}

Any one got any CSS solution to this for both Joomla and VM?

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#300210

Hi yerg,

You can style :


#vmMainPage form{
background: #E8E8E8 ;
border: 1px solid #121212;
}


1 user says Thank You to Css Magician for this useful post

1. yerg

[yerg Friend yergJoin date: February 2006Posts: 62Downloads:0Uploads:5 Thanks: 3 Thanked: 1 times in 1 posts]

#300212

Thanks much appreciated … sadly that’s part solution.

The login form at the right is not included :(( and I’d really prefer just the text boxes outlined rather than changing the background colours for all the forms.

What you’ve suggested I will leave regardless as it works great in the final buy process 😉

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#300213

Hi yerg,

Okie, I see . So you can clear the first my solution. Now, In movie.css line 60, I think you should change border color , ex :


#ja-col2 div.moduletable, #ja-col2 div.moduletable_menu, #ja-col2 div.moduletable_hilite, #ja-topsl1 div.moduletable, #ja-topsl2 div.moduletable, #ja-topsl2 div.moduletable_album, .highslide img, .img_caption img, .inputbox {
background: #FFFFFF;
border: 1px solid #DDDDDD;
}


If the background of the input, border and background of the form are #FFFFFF, you will not see anything

[yerg Friend yergJoin date: February 2006Posts: 62Downloads:0Uploads:5 Thanks: 3 Thanked: 1 times in 1 posts]

#300214

You discovered what I already have <grin>

Check out the front page

See how all the modules now have the same border colour?

That’s where I hit the wall. 😮

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#300216

Hi yerg,

The my style is example , I want to say with you about input color. In this case, you should cut the css line 60 into two parts.


#ja-col2 div.moduletable, #ja-col2 div.moduletable_menu, #ja-col2 div.moduletable_hilite, #ja-topsl1 div.moduletable, #ja-topsl2 div.moduletable, #ja-topsl2 div.moduletable_album, .highslide img, .img_caption img {
background: #FFFFFF;
border: 1px solid #FFFFFF;
}


and


.inputbox {
background: #FFFFFF;
border: 1px solid #DDDDDD;
}


1 user says Thank You to Css Magician for this useful post

1. yerg

[yerg Friend yergJoin date: February 2006Posts: 62Downloads:0Uploads:5 Thanks: 3 Thanked: 1 times in 1 posts]

#300220

:-[ I’ve been chasing the .inputbox in the template.css file and hadn’t checked this one

Thanks muchly

[Author]

Posts