How to change colors in "Portal " themes.

VENKATESH PUNGA · ‎12-18-2020

Hi All,

I want change colors of below things.

Thanks,

Narsing1 · ‎12-18-2020

Hi,

Here you go.

Green Text - You have 2 options

need to clone "breadcrumbs" widget and include this cloned widget on all the pages.
(Modifying each instance of breadcrumb) Go to "breadcrumbs" Widget --> Under Related Lists --> "Included in Pages" Tab. Open each page --> Under Related Links click on "Open in page editor" --> click on "breadcrumbs" widget --> modify the CSS.

Icon Links - Request something - Go to the Page Editor is "index" and Edit the Icon - Here you can select the "Template" & "Glyph" of your choice
For changing to Green Border. Refer this

Please mark it as correct answer if it helps

Thanks,

Narsing

View solution in original post

VENKATESH PUNGA · ‎12-19-2020

All done except below one ,I need to change the border color to Yellow.

Oleg · ‎12-19-2020

I think you should change the value of $input-border-focus variable in the team. La Jolla team contains the following value of the variable:

$input-border-focus: #1f8476;

After changing it to for example

$input-border-focus: tomato;

you will see

instead of

RAHUL Khanna1 · ‎12-19-2020

I guess this will apply for the all the text box's...

I am not sure what requestor is looking for all the text boxes/specific catalog item.

if it is for specific catalog item then ....??

Oleg · ‎12-20-2020

The question was about 'change colors in "Portal " themes'. It means for me changing of colors on the whole theme.

Changing of colors on specific page is easier: one needs just use Chrom's Developer Tools to examine CSS rules applied on elements of the page and add new CSS rules, which overwrite existing rules. On the other side, it's typically not good to different colors for the same things on different pages of one portal.