[brian]

brian

#6911

Hello again,

I’m currently trying to turn ’empty cart’ and ‘checkout’ into buttons, but for some reason i can’t even edit the two words or align them. Someone is saying this is a Graphene issue, but i doubt it although i can’t tell for sure, can anyone point me in the right direction?

Brian

[Anonymous]

Anonymous

#36106

Link to your site?

[brian]

brian

#36107

It’s on instant wp so it’s hard to show at the moment 🙁 I will be purchasing the domain next month, but maybe i can send you the .phps and .css to look at if you’re interested.

[Syahir Hakim]

Syahir Hakim

#36108

That widget is provided by the shopping cart plugin that you’re using (in your case it’s Marketpress), so that’s where I’ll look if I would want to edit the widget’s code. But I wouldn’t, cause editing theme’s and plugin’s files should really be left as an absolute last resort.

In your case, you can simply use CSS to style the links to look like buttons.

[brian]

brian

#36109

Thanks for the heads up. All I want is a professional look as opposed to the way it looks now. One other option was to look at adding in small images as links, is that what you’re talking about?

*edit* I’m planning on purchasing the graphene mobile theme in the future, would you be able to suggest a good shopping cart plugin for that version? I haven’t began the project but it would be nice to avoid that sidebar issue on a mobile screen.

[Syahir Hakim]

Syahir Hakim

#36110

Quote:

One other option was to look at adding in small images as links, is that what you’re talking about?

Nope. I was saying that you could just add some CSS codes to Graphene’s Custom CSS option or your child theme’s style.css to style the appearance of the shopping cart widget, without having to modify the code that generates the widget in the plugin.

Quote:

*edit* I’m planning on purchasing the graphene mobile theme in the future, would you be able to suggest a good shopping cart plugin for that version? I haven’t began the project but it would be nice to avoid that sidebar issue on a mobile screen.

Basically, there’s no “sidebar issue” per se since the widget works – it just doesn’t have that professional look you’re looking for. This will be the same regardless of what theme you’re using, since themes can’t possibly style the content that is generated by all plugins that exist out there. You’ll just have to apply the same additional CSS codes like you would in Graphene theme.

The Graphene Mobile theme has a Custom CSS feature as well. You can also use a child style.css file with Graphene Mobile, [url=https://forum.graphene-theme.com/how-to/child-theme-functionality-with-graphene-mobile/]albeit in a slightly different way[/url] than you would on a normal desktop theme.

[brian]

brian

#36111

Syahir and Prasanna thank you for the saving me from myself and for the button explanations. Hopefully I can get this up and going before next month, and i hope they look great on the mobile version as well!

[brian]

brian

#36112

Quote:

One other option was to look at adding in small images as links, is that what you’re talking about?

Nope. I was saying that you could just add some CSS codes to Graphene’s Custom CSS option or your child theme’s style.css to style the appearance of the shopping cart widget, without having to modify the code that generates the widget in the plugin.

*edit* I’m planning on purchasing the graphene mobile theme in the future, would you be able to suggest a good shopping cart plugin for that version? I haven’t began the project but it would be nice to avoid that sidebar issue on a mobile screen.

Basically, there’s no “sidebar issue” per se since the widget works – it just doesn’t have that professional look you’re looking for. This will be the same regardless of what theme you’re using, since themes can’t possibly style the content that is generated by all plugins that exist out there. You’ll just have to apply the same additional CSS codes like you would in Graphene theme.

The Graphene Mobile theme has a Custom CSS feature as well. You can also use a child style.css file with Graphene Mobile, albeit in a slightly different way than you would on a normal desktop theme.

Is there a link on the wiki/help page that explains how i’m able to add a custom css generated button to the child and apply it to the widget as suggested?

[Syahir Hakim]

Syahir Hakim

#36113

Basically you come up with / write the CSS code yourself to achieve the desired looks of the buttons. This CSS you can place in the theme’s Custom CSS option (Graphene Options > Display > Custom CSS) or inside a child theme’s style.css file, if you’re using a child theme.

If you’re not familiar with writing CSS codes, it will be worth it to invest some time to learn it. This will save you a lot of time and frustrations in the future. This topic might be of interest to you: https://forum.graphene-theme.com/graphene-support/beginners-resources-possible-sticky