Canvas Support

Inquiry

8 replies · opened Dec 7, 2021

Ddaehyun227Dec 7, 2021

Thanks for the help. That solved perfectly!

I have 2 more questions if you don't mind.

Please see attached.

On the image, there is a red box on upper right hand corner.
I would like that line to be removed.
Can I remove that line? Also, the same line on the right hand side of the logo as well.

Also, when particular tab is selected, instead of all being white, is there any way to make the selected tab highlighted or noticable?

Thanks and sorry for the bother.

This is my very first experience with html.

Thank you.

SSemicolon WebSTAFFDec 8, 2021

Hello,

Very Happy to Help! :)

  1. Simply remove the .full-header Class from the #header Element. Then change the .container to .container-fluid just inside the #header Element. We have already provided these codes in your last support query.

  2. Absolutely! You can simply use this CSS Code:
    [ch_pre type="css"].tab-nav li.ui-tabs-active a {
    background-color: #FF0000;
    }[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ddaehyun227Dec 8, 2021

Thanks for the help.

Where does

.tab-nav li.ui-tabs-active a {
background-color: #FF0000;
}

this go under?

Ddaehyun227Dec 8, 2021

Because after I changed the #fff to #ff0000, still nothing happens.

SSemicolon WebSTAFFDec 8, 2021

Hello,

Please make sure that all the Custom CSS Codes are added to the css/custom.css File. Consider checking this Documentation: http://docs.semicolonweb.com/docs/getting-started/theme-customization/ . Additionally, you can consider adding the !important to the CSS property. Example:
[ch_pre type="css"].tab-nav li.ui-tabs-active a {
background-color: #FF0000 !important;
}[/ch_pre]

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ddaehyun227Dec 8, 2021

Thanks for the help!

Hmmm..

But I don't think it is changing anything.

Please see 01a.jpg and 01b.jpg.

I copied the exact code you gave me into custom.css (01b.jpg).

I want the selected page to be like 01a.jpg where selected page, for example, since I am on Shower Door page, the Shower Door tab is red right now but currently, selected page is just white right now.

Since I need help about selected page being noticeably different from others, can you also help me with 02.jpg?

I want that bold gray font to be red color instead of gray as well.

Sorry for the bother, and thanks for the help!

SSemicolon WebSTAFFDec 9, 2021

Hello,

Ohh Apologies, since you mentioned Tabs in the Previous Replies, we though you would like to Change the Color for the Active Tab.

  1. For the Primary Menus, simply add the .current Class to the .menu-item Element currently active. Example:
    [ch_pre]
  1. For the Breadcrumbs, simply add the .text-danger Class or .color Class to the .breadcrumb-item Element. Example:
    [ch_pre]
  • Shower Door[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ddaehyun227Dec 9, 2021

Pure genius!

Thank you very much!

SSemicolon WebSTAFFDec 9, 2021

Hello,

Thank You so much for the Kind Words! :)

Glad your issues were resolved.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard