Online store problems please help !!

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Does anyone know how to change the text colour for the titles of your products in an online store? http://www.mjs-trade-outlet.co.uk/gen... if you goto that page you will see the descriptions are very hard to read
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like

Posted 7 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Justin,

You need to do this by editing the CSS of the store or by selecting another theme from the alternatives offered by Ecwid. If you want to select from the offered themes then go into System Settings>.....Design.

If you wish to customise your theme It's a little hard to describe but if you have a look at the Knowledge Base on Ecwid they have very good instructions on this process.


How to change Ecwid look Default category for product browser


It's worthwhile downloading FireBug to assist in identifying the modules needed to change the various aspects.

Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
Hi Gop thanks for a reply !

How do you get into the CSS? i have downloaded the FireBug thing.

Thankyou :-)
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
Ah i have just managed to inspect the module i want to change with FireBug what am i looking for to change the colour of the text?

Justin
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Justin. R U familair with FireBug or similar?

In short, select the Inspect option on FB (top left of FB) and mouse over the screen to one of your product descriptions. In the FB section you will notice that it will display the existing codes for the modules. You need to identify the module.

Then you need to go into design and create a new theme. But first of all I would check the3 existing options.
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
Hi there to be honest no this is all new to me :-(
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
OK. Try this first of all.

System Settings>Design

There you will see three themes.

Standard,
Beige
Red.

The default is Standard.

Try selecting Beige and see what the effect is?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Tell me if you want screen shots?
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
where does it say system settings i cant find it?
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
i haveinspected the element that i want to change well one of the but there is no reference to a colour?

3.0Kw Diesel Generator 240v /110v with Electric Start BDE3500E 1848ERA
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Justin,

I have made another suggestion that I think you should try first. Just go back up to the previous comment.
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
I'm trying but am unable to locate system settings?
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
<!!!!!!a onclick="javascript: return false;" href="#ecwid:category=2385232&mode=product&product=10267233">3.0Kw Diesel Generator 240v /110v with Electric Start BDE3500E 1848ERA
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
take out the !!!!!
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Try this first of all.

System Settings>Design

There you will see three themes.

Standard,
Beige
Red.

The default is Standard.

Try selecting Beige and see what the effect is?
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
where does it say system settings i cant find it?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
OK.

On your Online widget, select Edit (Top Left).

Then when the new page opens down on the far right bottom, select Advanced Options.

Let me know if you are there?
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
Online widget ? Really sorry about ths ! :-(
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Not a difficulty. I'll do a screen shot and post it here. 2 minutes.....
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
Thankyou really appreciate it :-)
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
ive emailed customer support about this also this morning and all they do is send me emails saying upgrade to silver so i get a faster response ive had 5 of them so far ,,,, Funny thing is i'm on silver !
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
They are currently familiarising themselves with the bottomless pit of nuances that users can throw up on such a powerful facility as this online store. It's pretty well experience learning so I can visualise them furiously working on creating stores and trying heaps of variations while reading the Encyclopaedic KB of Ecwid :)
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes


Sorry about the graphics I was trying to capture the cursor as well but no go :(

The red line is in the region of the Edit I was referring to
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Need more?
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
oh yeah i clicked that but the advanced options never appeared?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
OK, the alternate route :)

Go to My Yola. Select Online Store

Then scroll down to Advanced Options.

Then select Design on the new modal.
Then select Beige from the three themes offered.
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like


tried that too it doesnt make any difference is there no where i can pit a css colour code in and change it for example #00FFFF ?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Yes there is Justin. Can you publish what you have, tell me the URL and I'll give you the code to change on your side. Then you will understand another aspect of the store. OK?
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
Do you mean publish the website? i have just republished it :-) http://mjs-trade-outlet.co.uk
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes


Hey Justin, are you seeing this. It's good contrast
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
Id love to understand how all this works but i think its going to be a matter of a steep learning curve, i actually do like having such and in depth designer that you can go into and change things i think that is really good. if however i knew how to do everything lol
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
i was yes but i changed it back to beige as yest the text was in a good colour put i wanted to keep the original background.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Fair enough
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
unfortunately i have to go to work now :-( thanks for all your help i'll pick up whatever you leave tomorrow afternoon now.

Thanks again
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes


Is this correct?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Let me know and I'll create an instruction for how to change all this. I'll locate the specific Ecwid/Yola tutorials as well so that you can get a deeper resource on being able to change this kind of stuff for future reference.

Always a slow process taking it from first principles but you are a bright learner so I don't think that you will have any problems if I'm able to explain it correctly.
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
Hi am on my mobile , that looks great but could I have the prices appear in the colour you've done the text? and the text in white? really appreciate your help
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Yes. Leave it with me.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
That looks wicked ! ,,,, right how do i get it to look like that? lol :-)
Photo of justin fantham

justin fantham

  • 301 Posts
  • 1 Reply Like
will that also change the theme for the air compressors as well automatically?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
It will change all description colours. It won't change your shopping basket colours as these are a different CSS class.

If you intend to create another site with an Online Store it will subsequently use the same colours. This is something to keep in mind if so.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Justin,

When you're ready let me know because i want to take you through the process of discovering and then being able to make the changes so that you can do any changes to other aspects that you would want to and there will be a number of others.