Help - Multiple Problems

Hi,

I have few things I require some help with (please know that I am still new to working with Joomla and Templates and webdesign in general)

1. I need to change the colour in the Contact/Location part of the site from its preset colour, being a shade of orange, to a shade of red. And none of the preset colour schemes match what I am looking for? So how do I change this? I have attached a photo of what I mean - IMG 1

2.1. I would like to change the contact form to contain more fields and not just the ones that come pre-coded. Where would I add such coding to get about 4 more fields to add to the Contact Form? I have attached and image of the Contact Form that requires more fields. - IMG 2

2.2. Would also like to change the submit button from "Make Reservation" to "Submit" - IMG 2

I would really appreciate any help you could provide me. (Note the site hasnt been published yet)

Hi

1. Try this code:

Code: Select all

.box.map:before {
    background: none repeat scroll 0 0 rgba(255, 0, 0, 0.6);
}

2. I'm afraid You will need to use some 3rd party extention for this. Our plugin is just responding to a joomla default contact, so it cannot be extended.

3. This is a custom html module published on bottom3 module position, You can edit and change it there.


background: none repeat scroll 0 0 rgba(255, 0, 0, 0.6); has absolutely no change on the color of the block whatsoever

also, where would i edit the css if i want to add as stroke to h1-3? as my text isnt very easy to read when there is a picture behind it

Hi

Colour works as You can see on my screen. Try maybe add "!important" rule to me sure it will not get overridden by style files.

Can You exmplain this "add as stroke to h1-3". I do not understand what that means.

See this please

http://jsfiddle.net/Kyle_Sevenoaks/ZnfED/1/

work for me

See this please

http://jsfiddle.net/Kyle_Sevenoaks/ZnfED/1/

work for me

This solution apply to all module... is possible to aply only to the title module?

Thanks

hi

Try with this code:

Code: Select all

h3.header {
    color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}


How can i apply only to bottom1?

is possible to apply only to white text in image below?

thanks

Hi

Try with:

Code: Select all

#gkBottom1 h3.header {
    color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}


Worked fine

I change the second "special -checkout our offers" to h2 and the code is apply only in the first

Thank you for your help Teitbite

HI

Ok. Great to hear it ok now I;m closing this thread for now since it not titled properly and users will find it hard to find.