Westminster New

simon1066:

Just had a quick play so it's a bit dirty but you could move the slider image under the home-top div text by

.content-slider {
float: left;
margin-left: -30%; -- you'll need to experiment with the responsive views to see if a % or px is best
width: 65%; -- try altering the width of this and/or slider images to see what fits

and get the home-top div text to overlay the image by

#top-banner {
position: relative;
z-index: 999;

cool thanks so much Simon1066,
Getting a bit late here . . so I'll play with this tomorrow and report back :)

ErwinSk8:

Hi Anne

Thank you so much for such an amazing template but I would really really like to add a few things and would love it if you you assist me in adding a few things that I personally would like to see on this template without me messing up all the great responsive design you did.

The site currently looks like this: please see the image attached namely "Marshall Now"

As I am relatively new to this I would very much appreciate any and all assistance you could give me in order to make the site look the way I have made it look in Photoshop as depicted in the attached image namely "Marshall Changes"

Thank you for an amazing template and as always your assistance is greatly appreciated

Regards

Erwin

If you post a link to your site and explain exactly what you want to change I can take a look.

Thanks,

Anne

Hi,
I am using your template, which is great thanks. The problem is with viewing it on a mobile, the site reverts back to the classic template? It happens on all mobile devices and ipads.

Do you know what could be causing this? I have probably missed off a file or setting somewhere.
Any pointers would be helpful thanks.

kitten091182:

Hi,
I am using your template, which is great thanks. The problem is with viewing it on a mobile, the site reverts back to the classic template? It happens on all mobile devices and ipads.

Do you know what could be causing this? I have probably missed off a file or setting somewhere.
Any pointers would be helpful thanks.

If you post a link to your site I can take a look.

Thanks,

Anne

Hi Anne

Thank you so much for your reply.

The link to my site is www.marshallmusicdirect.com

I really just want to make a few changes to the landing page.

1. Right in the top where it says "log in" to the left of it I would like to add a home button that I can route to my main info page to make the site more seamless if you know what I mean. The main info page is https://www.marshallmusic.co.za which is what I would like this icon to link to.

2. In the same location to the right of "Wish List I would like to add a "Contact us" link

3. I would like to make the search box a little bigger and move it down out of its current location in the black upper row into the free space in the header directly below it. Keeping in line with proportion I would like the manufacturers dropdown bellow the search bar and then directly below that a space where I can insert an image stating that we ship for free on all orders over R1000.00

4. Where the Hometop banner is I would like to display the "category list" for ease of access for clients and extend the width of the slider banner a little for more advertising real estate.

5. Lastly I would like to make the four homead buttons to be small and below the image kind of like the initial layout of the template only I need them to be neatly spaced out below the slider. As if that wasn't already taking way too much advantage I was wondering if you could see if it could possibly still work nicely accross all platforms, Mobile, Desktop as well as tablets.

6. Just to top it all off, I added multiple images to my products and the additional images are so small that they are practically not visible so I was wondering if you could maybe give me a solution for that?

I really appreciate all your help and I will attach the image of more or less what I am looking for in terms of the outcome.

Thank you so very much I really appreciate all everything you assist us all with as I am truly learning so much. This whole PHP thing is so much harder than HTML.

Regards

Erwin

Hi Anne,
Thanks for the reply. The website is http://www.drgreens.co.uk/

kitten091182:

Hi Anne,
Thanks for the reply. The website is http://www.drgreens.co.uk/

I don't see the problem.

Thanks,

Anne

picaflor-azul:

I don't see the problem.

Thanks,

Anne

I just checked on my iPad and agree with Anne. There doesn't seem to be a problem...

simon1066:

Just had a quick play so it's a bit dirty but you could move the slider image under the home-top div text by

.content-slider {
float: left;
margin-left: -30%; -- you'll need to experiment with the responsive views to see if a % or px is best
width: 65%; -- try altering the width of this and/or slider images to see what fits

and get the home-top div text to overlay the image by

#top-banner {
position: relative;
z-index: 999;

Hi Simon,
I wonder if you can tell me which files you were modifying here?
Cheers
Terry

Sure,

.content-slider is in includes\templates\westminster_new\css\stylesheet_flex.css line 1 where the original code is

.content-slider {/box-shadow: 0 5px 7px -5px #333;/width:65%;float:right;margin-right:15px;} and change to

.content-slider {/box-shadow: 0 5px 7px -5px #333;/width:65%;float:left;margin-left:-30%;margin-right:15px;}

and the #top-banner is in includes\templates\westminster_new\css\stylesheet.css line 347 where the original code is

#top-banner{float:left;margin-left:15px;width:30.5%;} and change to

#top-banner{position:relative;z-index:999;float:left;margin-left:15px;width:30.5%;}

I only considered these changes to apply to the full desktop view, things might get a bit tricky with smaller/tablet/mobile views where you will need to start editing the responsive_default.css, responsive_tablet.css and responsive_mobile.css stylesheets - but hopefully, and on reflection, if you use % for your margin offset instead of px you might be ok.

At smaller views the top-banner div holding your text does not ordinarily display - hidden by a {display:none} code in the above three stylesheets. You will need to remove this from all three css files and add your own styling to suit the different views that smaller/tablet/mobile users will see.

Thanks Simon :)

picaflor-azul:

If you post a link to the page with the problem I can take a look.

Thanks,

Anne

Hi Anne,

I have now uploaded my site (which is still WIP) to https://www.blackfishcampus.com

Please can you take a look at the attribute dropdowns not dispalying correctly?

Many thanks and kind regards

Bob

bobc:

Hi Anne,

I have now uploaded my site (which is still WIP) to https://www.blackfishcampus.com

Please can you take a look at the attribute dropdowns not dispalying correctly?

Many thanks and kind regards

Bob

If you post a link to a page with the problem I can take a look.

Thanks,

Anne

picaflor-azul:

If you post a link to a page with the problem I can take a look.

Thanks,

Anne

Hi Anne,
http://www.blackfishcampus.com/index.php?main_page=product_info&cPath=4_14&products_id=13

Kind regards,

Bob

bobc:

Hi Anne,

I have now uploaded my site (which is still WIP) to https://www.blackfishcampus.com

Please can you take a look at the attribute dropdowns not dispalying correctly?

Many thanks and kind regards

Bob

What do you mean by not displaying correctly? Is it the width of the dropdown? If so add this to your stylesheet

.wrapperAttribsOptions .back {width:100px;}

simon1066:

What do you mean by not displaying correctly? Is it the width of the dropdown? If so add this to your stylesheet

.wrapperAttribsOptions .back {width:100px;}

No, it should be added as a percentage like this:

.wrapperAttribsOptions {width:100%;}

Thanks,

Anne

picaflor-azul:

No, it should be added as a percentage like this:

.wrapperAttribsOptions {width:100%;}

> 
> Thanks,
> 
> Anne

Ah yes, of course.

There is a new issue with font-awesome.

Check out them missing social media icons! When inspecting the element, the following error displays:

Font from origin 'http://maxcdn.bootstrapcdn.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://YOURSITE.com' is therefore not allowed access.

Downloading the stylesheets and fonts folder from the origin here and uploading them on your server should fix the issue.

Don't forget to update your html_header.php file with the proper path:

<link href="/includes/templates/westminster_new/css/font-awesome.css" rel="stylesheet" />

picaflor-azul:

I don't see the problem.

Thanks,

Anne

Hi Anne,

Thanks for checking. Can I ask what device you were using? I am using a Sony phone, and people at work have Sony phones, but some customers are also complaining.

kitten091182:

Hi Anne,

Thanks for checking. Can I ask what device you were using? I am using a Sony phone, and people at work have Sony phones, but some customers are also complaining.

Hi Anne,

I have tested it on a website and it displays fine for all the devices/tablets that the website emulates. I have started a thread though asking people to check it on their devices for me, and the first person who has checked was using an LG phone, and he said that it displays the default Zen Cart template with "congratulations, you have installed....etc"

Not sure what is going on really? :smile: Do any of the files need updating to list new devices/tablets?

Thanks