Portal - How to change home page title name style(bold/italic/Roman) .

Kishore8
Kilo Guru

Change How page Title: " How can we help ?       style into Italic / Bold/ Roman

Change Cart name as My Cart

find_real_file.png

1 ACCEPTED SOLUTION

Hi Kishore,



If you don't want to create new widget and all, you can simply add your custom CSS to "Widget Instance". Please follow below steps to know how.



1. Right click on the text and select "Instance Options".


Screen Shot 2018-01-21 at 3.12.55 PM.png



2. Select "Open In platform" option


Screen Shot 2018-01-21 at 3.13.49 PM.png


3. Add your custom CSS in "CSS" field


like:



#homepage-search h1 {


      color: blue;


      font-weight: bold;


}



Screen Shot 2018-01-21 at 3.15.23 PM.png


View solution in original post

23 REPLIES 23

HI Kishore,



When you go to original Widget and clone it Dependencies will automatically get added. But angular JS templates you will have to add it. Also you will have create instance for this new cloned widget.



Second thing i have done Italic thing for you.



You only want to change the Font style for : How can We help? right?



Please see attached screen shot:


Screen Shot 2018-01-21 at 2.25.17 PM.png


This what you want right?



If yes, let me know will share details.



Mark answer as helpful, correct!


YES, Exactly right, ..!!!       I have to change style of font style



" how can we help you"     i would like to change style of it and make it Bold as   letters


Hi Kishore,



If you don't want to create new widget and all, you can simply add your custom CSS to "Widget Instance". Please follow below steps to know how.



1. Right click on the text and select "Instance Options".


Screen Shot 2018-01-21 at 3.12.55 PM.png



2. Select "Open In platform" option


Screen Shot 2018-01-21 at 3.13.49 PM.png


3. Add your custom CSS in "CSS" field


like:



#homepage-search h1 {


      color: blue;


      font-weight: bold;


}



Screen Shot 2018-01-21 at 3.15.23 PM.png


That works for me too. I clicked on Edit Page Properties



find_real_file.png



and added it to the page properties


find_real_file.png



Please mark this response as correct or helpful if it assisted you with your question.

HI KISHORE,



Very simple,



Open Widget is Platform and Add CSS as below: (If you don't have to edit OOB widget then Clone it and make changes) But this change is simple so you can do it here it self.



#homepage-search h1 {


      font - style : italic;


      font-weight: bold;


}




Also for the Cart issue.:


1) Clone the widget


2) Add Angular templates to it.


3) Go to Header Menu field on Portal and open it and change the widget which you have cloned.


4) Go to instance and add new Widget to it.


5) It should be in two instances.



Thanks