Forums de discussion

Log-in portlet CSS

thumbnail
Rojalin Patri, modifié il y a 12 années.

Log-in portlet CSS

Expert Publications: 287 Date d'inscription: 22/03/11 Publications récentes
Hi all,
i am trying to cahne the look and feel of the log-in portlet.i clicked on "Add a CSS rule for just this portlet." under "advance styling"and added the following style
#portlet_58.portlet-title{
font-style: bold;
font-size:1.6em
}
But it's not reflecting................
any idea why it's not reflecting???????????????? How should i add the css then?????????????
Thanks
Rojalin
thumbnail
Kamesh Sampath, modifié il y a 12 années.

RE: Log-in portlet CSS

Regular Member Publications: 158 Date d'inscription: 27/05/10 Publications récentes
if i ready your definition as such as below
#portlet_58.portlet-title{
font-style: bold;
font-size:1.6em
}


you need space between #portlet_58 .portlet -title

[quote]#portlet_58 .portlet-title{
font-style: bold;
font-size:1.6em
}
thumbnail
Anil Sunkari, modifié il y a 12 années.

RE: Log-in portlet CSS

Expert Publications: 427 Date d'inscription: 12/08/09 Publications récentes
Yeah Kamesh is right!.. i tried in this way

Just add portlet-title under Enter your custom CSS class names.(this)

&
add font-style: bold;
font-size:1.6em
this under Enter your custom CSS.

Regards,
Anil Sunkari
thumbnail
Rojalin Patri, modifié il y a 12 années.

RE: Log-in portlet CSS

Expert Publications: 287 Date d'inscription: 22/03/11 Publications récentes
Thank you both for your reply...i'll try it out.Can any one tell me how to change the color of the sign-in button present in the same portlet.i want to make it "blue".But i don't know which property i should set blue for this.....
Please help....
Thanks
Rojalin
thumbnail
Anil Sunkari, modifié il y a 12 années.

RE: Log-in portlet CSS

Expert Publications: 427 Date d'inscription: 12/08/09 Publications récentes
i think you have to play with something around this..actually it is a background image....

#portlet_58 .aui-button-input-submit {
background: url("../images/portlet/header_bg.png") repeat-x scroll 0 0 #D4D4D4;
}
thumbnail
Rojalin Patri, modifié il y a 12 années.

RE: Log-in portlet CSS

Expert Publications: 287 Date d'inscription: 22/03/11 Publications récentes
Thanks a lot Anil,
#portlet_58 .aui-button-input-submit {
background: blue;
} is working fine...
thanks to both Anil and Kamesh for the help....emoticon
thumbnail
Rojalin Patri, modifié il y a 12 années.

RE: Log-in portlet CSS

Expert Publications: 287 Date d'inscription: 22/03/11 Publications récentes
Hi Anil,
one more query.
in background: url("../images/portlet/header_bg.png") repeat-x scroll 0 0 #D4D4D4; when i m giving another picture just say edit_guest.png instead of header_bg.png..it's not taking.it's not taking any other image as background image...
please help me.....
Thanks
Rojalin
thumbnail
Ravi Kumar Gupta, modifié il y a 12 années.

RE: Log-in portlet CSS

Liferay Legend Publications: 1302 Date d'inscription: 24/06/09 Publications récentes
Just check the path you are using for that image.. it must take if proper path is given. If you are using firebug then check if that image is loaded? It should give u a hint to set proper path.
thumbnail
Rojalin Patri, modifié il y a 12 années.

RE: Log-in portlet CSS

Expert Publications: 287 Date d'inscription: 22/03/11 Publications récentes
Hi Ravi,
thanks for guiding me.i got the solution.i put my desired image in html/portlet/ and gave the url='/html/portlet/image.png'...it's working now.....
Thanks again for the reply...emoticon