Welcome, Guest
Username: Password: Remember me

TOPIC: Insert a nice border around the main body

Insert a nice border around the main body 4 years 2 months ago #2357

As you can see in the attachment, i'd like to avoid those nasty gaps between section. Is there a quick fix way of wrapping the banner and the what's new section into a white section?
Attachments:
  • Attachment This image is hidden for guests. Please log in or register to see it.
The administrator has disabled public write access.

Re: Insert a nice border around the main body 4 years 2 months ago #2366

  • trungdt
  • trungdt's Avatar
  • OFFLINE
  • Administrator
  • Posts: 2287
  • Thank you received: 997
  • Karma: 121
Can you show me your site here ?
The administrator has disabled public write access.

Re: Insert a nice border around the main body 4 years 2 months ago #2368

Gokkamakka.com/poda
i want a background behind it like this:
www.omegatheme.com/joomla/ot-digitalbox-...-store-template.html

Also i had checked the disable pop-up of image on click from your older posts. I tried pasting the code, but now it displays the image in a window. How can i disable linking on the image thumbnails in the shop section?
Last Edit: 4 years 2 months ago by thechordmaster. Reason: Forgot to provide reference
The administrator has disabled public write access.

Re: Insert a nice border around the main body 4 years 2 months ago #2394

  • trungdt
  • trungdt's Avatar
  • OFFLINE
  • Administrator
  • Posts: 2287
  • Thank you received: 997
  • Karma: 121
Hello,

You can remove all padding and margin in this code:
.ot-banner {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 7px;
}
online 99 layout.css file

with image, can you send me url ?
The administrator has disabled public write access.

Re: Insert a nice border around the main body 4 years 2 months ago #2395

1.
Thank you i am now able to get rid of the nasty gaps. Is there any way i could reduce the fill on the top section? But now i have a new problem, the grey on the header is overflowing into the logo and menu area as well. Please visit gokkamakka.com/poda/

2.
Image Problem link:
gokkamakka.com/poda/shop/xl
This is where im having a problem when i click on the thumbnail, i want the user to be taken to the product details page instead of diplaying the pic of the tshirt in a window..

3.
Also here: gokkamakka.com/poda/component/virtuemart...nner-detail?Itemid=0 the items are aligned way to the left. Is there anyway i can inssert some pad between the left margin and the thumbnail border

Thanks for the continued support.
Last Edit: 4 years 2 months ago by thechordmaster.
The administrator has disabled public write access.

Re: Insert a nice border around the main body 4 years 2 months ago #2443

  • trungdt
  • trungdt's Avatar
  • OFFLINE
  • Administrator
  • Posts: 2287
  • Thank you received: 997
  • Karma: 121
1. I see no problem with logo
2. You can edit virtuemart template and replace php code and add link to detail page
3. Please implement your css

Regards
The administrator has disabled public write access.

Re: Insert a nice border around the main body 4 years 2 months ago #2457

1. I guess i wasn't clear on this point. I want the indicated part to be in white. If you visit gokkamakka.com/poda you could see that area is in grey.
Attachments:
  • Attachment This image is hidden for guests. Please log in or register to see it.
The administrator has disabled public write access.

Re: Insert a nice border around the main body 4 years 2 months ago #2468

  • trungdt
  • trungdt's Avatar
  • OFFLINE
  • Administrator
  • Posts: 2287
  • Thank you received: 997
  • Karma: 121
Please edit css style as below: (in layout.css line 36)
div.ot-width-temp {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 150px;
    margin: 0 auto;
    width: 970px;
}
The administrator has disabled public write access.
The following user(s) said Thank You: thechordmaster

Re: Insert a nice border around the main body 4 years 2 months ago #2472

thanks for the reply. when i tried pasting that code, there is an extra 150 px gap appearing below the banner. What could be the problem?
The administrator has disabled public write access.

Re: Insert a nice border around the main body 4 years 2 months ago #2475

  • trungdt
  • trungdt's Avatar
  • OFFLINE
  • Administrator
  • Posts: 2287
  • Thank you received: 997
  • Karma: 121
remove height element of that css class and change it into this code:
.ot-width-temp-i, .ot-header {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 150px;
}
The administrator has disabled public write access.
The following user(s) said Thank You: thechordmaster

Re: Insert a nice border around the main body 4 years 2 months ago #2480

thanks, but i still have a bar at the bottom near the footer. solutions?
The administrator has disabled public write access.

Re: Insert a nice border around the main body 4 years 2 months ago #2487

  • trungdt
  • trungdt's Avatar
  • OFFLINE
  • Administrator
  • Posts: 2287
  • Thank you received: 997
  • Karma: 121
oh sorry,

You should delete height:150px in:
.ot-width-temp-i, .ot-header {
    background: none repeat scroll 0 0 #FFFFFF;
}
and add this css style:
#heightHeader{
height:150px;
}
The administrator has disabled public write access.

Re: Insert a nice border around the main body 4 years 2 months ago #2491

Wonderful! works perfect thanks!


Another concern i had was, in this link : gokkamakka.com/poda/shop/xl

When the user clicks on the thumbnail, i want him to be taken to the product details page instead of displaying the image in a new window. What should i be doing? Thanks for being so patient and helping startups like mine out.
The administrator has disabled public write access.
Time to create page: 0.192 seconds