Theme Request

[lecarlb]

I think overall I approved the appearance. Moved more towards pastel type colors that are variations of the Add to Cart button.

Yes, looking good!
Maybe to get 'collars and cuffs' to match your theme colour, maybe now change the other standard Bootstrap colour buttons and alerts like -secondary, -success, -info etc. e.g. pagination, on login page, contact_us, account etc.
BTW your favicon is not showing for me.

Thank you. I'm sure it will take some time to change the other buttons but I will get it done. Also, I don't have a favicon. That will be on my list as well. I see this forum has a tutorial on how to make favicons.

Where is the pagination located? Or can it be changed by user.css?

[heatherbell]

Where is the pagination located? Or can it be changed by user.css?

Using browser Dev Tools I see it is styled by .page-item.active .page-link so that can be used to apply style in user.css.

Screenshot 2021-06-07 105112.jpg

[14Steve14]

Have you searched google for bootstrap themes. There are lots available that you can pick and mix bits from. I started with one from the link below, but there are lots of others. Just copy part or all of the theme css and add it into your user.css file. You can then pretty much create your own.

https://bootswatch.com

[lecarlb]

@14Steve14 Yes I've looked but didn't find a theme that fit my needs.

@heatherbell I just upgraded to 1.0.8.4 and I lost changes to the buttons

I can't navigate Developer Tools to find the correct css elements to manipulate in user.css. I've tried to change the search button with:

Code: Select all

.input-group-append .input-group-prepend {
  display: flex;

  .btn {
    position: relative;
    z-index: 2;
    background-color: #8a2be2;

  }
}

I just need to change the buttons in search, product listing, also liked, footer etc.

[heatherbell]

I just upgraded to 1.0.8.4 and I lost changes to the buttons

Yes, I did advise in previous post that "use of inline styling there and elsewhere would be better done in user.css"

I can't navigate Developer Tools to find the correct css elements to manipulate in user.css. I've tried to change the search button with

I see the change has been applied to your search button so I guess you figured it out.

I just need to change the buttons in search, product listing, also liked, footer etc.

OK

[lecarlb]

@heatherbell I got everything sorted with the button. I can't change the color of card titles to secondary.

Thank you for everything.

[heatherbell]

I can't change the color of card titles to secondary.

Looking at your site I see you have added 'text-secondary' to 'h5' in the core file - already advised you to make changes in user.css or else you are going to lose that in an update unless the file has been copied to your template which I guess, from what you previously posted, you are not doing.
If you want to add 'text-secondary' to that file, it should be added to the link 'a', not the 'h5' e.g.

Code: Select all

a class="text-secondary" href="...

Alternatively in user.css, if you want to change the colour of the text shown in card titles, you will see in Dev Tools that the text is styled by the link color, currently:

Code: Select all

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

Depends on where you want the colour to change, all links? all links in all card titles?
I guess you only want the link colour in all card titles changed so:

Code: Select all

.card-title a {
color: #000;
}

or e.g only change link colour in card titles in cm-ip-product-listing:

Code: Select all

.cm-ip-product-listing .card-title a {
color: #000;
}

You might or might not need !important

[lecarlb]

I'm working on a 1.0.8.20 site and I'm running into some css issues. (1) I would like to change the Add to Cart button to a custom color. I tried different things using inspect on Chrome, no luck and (2) I have something too wide because the scroll bar appears at the bottom on laptop. I was hoping css could cure that.

Code: Select all

.btn-success.btn-buy {background-color: #8A817C;}

Thank you.

[Kofod95]

I think you just need a space:
.btn-success .btn-buy

//Daniel

[lecarlb]

I think you just need a space:
.btn-success .btn-buy

//Daniel

I got it. I had the wrong template selected