Title problem for new custom html

I adding a price table to front page. However, the title is covered by price table. How do i make the title at the left side while the price table on the right?

Thank you.

Capture.JPG

Could you please post an url to your site?

Could you please post an url to your site?

visitsungailembing.com

Could you please post an url to your site?

So, how can I solve this problem? Thank you

1. Please dont bump your question (don't reply in your own thread) - it makes you wait longer (your question goes down in our queue)
2. Please edit: /templates/gk_john_s/css/override.css and add at its end:

Code: Select all

#gkBottom4 .box.title-left .header {
    position: relative;
    margin: 0px;
    margin-bottom: 50px;
}


Adjust the margin-top value to your liking.

This will place price table under the text. Placing it on a side is a complete different story and sadly - this kind of customisation is beyond our support.

Remember to enable "CSS override" in template settings - advanced section.

1. Please dont bump your question (don't reply in your own thread) - it makes you wait longer (your question goes down in our queue)
2. Please edit: /templates/gk_john_s/css/override.css and add at its end:

Code: Select all

#gkBottom4 .box.title-left .header {
    position: relative;
    margin: 0px;
    margin-bottom: 50px;
}


Adjust the margin-top value to your liking.

This will place price table under the text. Placing it on a side is a complete different story and sadly - this kind of customisation is beyond our support.

Remember to enable "CSS override" in template settings - advanced section.

Sorry for bumping it. I did it but become worst. The title to center. Then that's a large space at top.
What about making it overlay like others title do? or at least make it top left.

Capture.JPG

You have added some styling that overrides the one provided by me. Please modify that first.

You have added some styling that overrides the one provided by me. Please modify that first.

Yes, seem solved now. What about adding overlay on it?

I don't quite understand what you mean by overlay... Perhaps overlap - when one element is over the second one?

Overlay mean like the effect in "my cozy blog"
The title overlay on the price table

Currently your site is password protected.
Please send me a PM with:
1. URL to your website
2. login and password of user with login privileges (please create one for me)
3. link to this thread

Currently your site is password protected.
Please send me a PM with:
1. URL to your website
2. login and password of user with login privileges (please create one for me)
3. link to this thread

pmed. Thank you.

You can try something like this:

Code: Select all

#gkBottom4 .box.big-title .header {
position: absolute !important;
z-index: 5 !important;
left: 12%;
}


You can also add "top:" parameter and offset the text from top of the module.

You can try something like this:

Code: Select all

#gkBottom4 .box.big-title .header {
position: absolute !important;
z-index: 5 !important;
left: 12%;
}


You can also add "top:" parameter and offset the text from top of the module.

Thank you, where should i add it?

As previous - to override.css - instead of previously added code.

As previous - to override.css - instead of previously added code.

After I insert the code,I have problem with gkcontact. The title our of shape. Undo the code won't solve the problem

http://visitsungailembing.com/#contact

@pah800 - you will have to use a higher map image.

@pah800 - you will have to use a higher map image.

Higher map images mean?

The current image in the background of the form is too low - you have to change the image proportions by using higher image - then the form will look properly.