This topic has 2 voices, contains 10 replies, and was last updated by  TB Support 4273 days ago.

Browser issue: Space between Intro slideshow and banner module

Tagged: ,

ThemeBurn Support › Forums › OpenCart Themes › Shoppica OpenCart Theme › Browser issue: Space between Intro slideshow and banner module

This topic has been marked as resolved.

Hello support,

I customized the intro slideshow into a 940px x 430px visual and also removed the background textures. I used the codes as explained in the support forum:

#image_intro {
width: 94%;
}
#image_intro_preview {
margin: 0;
padding: 0;

Below the intro slideshow i am running the shoppica banner module. In IE8 everything is correct, but in chrome, safari and firefox there is no space between the intro and banner module (checkattached screenshots). Border intro image is not activated.

Any idea how to fix this in the screen.css file?
I am running Opencart 1.5.1.3 with latest shoppica version.
 jeffalexander
February 16, 2012 at 12:43 am #6230

Hi,

Can we take a look at your website?

Best,
ThemeBurn team
 TB Support
February 18, 2012 at 9:16 pm #6294

Hello, to look our website please go to….

Let me know if there is something i can do in the css or other files to fix it..
Thanks for the help!
 jeffalexander
February 19, 2012 at 11:42 pm #6320
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
 TB Support
February 20, 2012 at 10:21 am #6325

Hi,

If i remove the code there is no space anymore between the intro slide and banners for all browsers including the internet explorer.

I really meant the other way around. In IE8 everything was good. I had space between intro slide and banners with IE8, but i also want the same space with the other browsers.

Attachment: ie_8intro.jpg is what i want with the other browsers.

Let me know if there is a code i can add or delete?
 jeffalexander
February 20, 2012 at 10:30 pm #6370

Hi,

We’ve mistakenly decided that you wanted the opposite.

In this case, you just need to copy the above code in catalog/view/theme/shoppica/stylesheet/screen.css. With removing anything from anywhere.

Best,
ThemeBurn team
 TB Support
February 21, 2012 at 1:43 pm #6404

Thank you so much for the support, it works!
 jeffalexander
February 21, 2012 at 5:34 pm #6420

Dear support,

How about this issue for Shoppica2

Iadded the code again, but the margin on the top doesnt change.
 jeffalexander
August 10, 2012 at 12:20 am #12301

I got this covered now with these adjustments:

line 2917-2926:

#intro {
clear: both;
margin-bottom: 22px;
padding-top: 30px;
}
#intro_wrap
{
background-image: none !important; /* removes the texture */
background-color: transparent !important; /* removes the color */
}

line 3120-3126:

#image_intro {
width: 940px;
}
#image_intro_preview {
margin: 0;
padding: 0;
}

- It works perfect on all browsers > Except weird dot at the home icon
- Except for mobile/tablet > The image intro is not in the center and margin with the banners are not the same
- Check screenshots for browsers and mobile

Let me know.
 jeffalexander
August 10, 2012 at 1:46 am #12302

Part 2:

Hereby the screenshot of the tablet.
 jeffalexander
August 10, 2012 at 1:55 am #12305

Hi,

We have answered you in your newer topic.

Best,
ThemeBurn team
 TB Support
August 20, 2012 at 10:40 am #12679
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.