×

Notice

The forum is in read only mode.
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Newbie with css trouble

Newbie with css trouble 15 years 8 months ago #3113

  • Mien
  • Mien's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 7
  • Karma: -5
  • Thank you received: 0
Hey everyone, im completely new to joomlacomment. Im using it only for the seyret component, which was reaaaally easy to install!

I actually am completely satisfied with the looks too, why make a customized templare! Im currently using the akostyle html template, which automaticly selects a css file along with it. Now i just have a few lines, from which i cant figure out where to adjust the colors. I made a screenshot and circled the lines which i would like to change (to a lighter grey).

Who can help me point out where the css is located of the border lines and the grey voting lines?

Thanks in advance and great component!

Regards,

Newbie with css trouble 15 years 8 months ago #3114

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
The grey lines are just hrs in the html file
 
 <hr />
  {content}
  {BLOCK-footer}
  <hr />

and the css for the voting is this one:
#comment a.voting_yes:link, #comment a.voting_yes:visited {
	color: #3C922F;
	font-weight: normal;
	background: url(../images/voting_yes.png) #EEF9EB no-repeat;
	border: 1px outset #3C922F;
	padding: 2px 4px 2px 20px;
	white-space: nowrap;
	float: left;
	line-height: 10px;
	text-decoration: none;
}
#comment a.voting_yes:hover {
	color: #3C922F;
	font-weight: normal;
	background: url(../images/voting_yes.png) #FFFFFF no-repeat;
	border: 1px outset #3C922F;
	padding: 2px 4px 2px 20px;
	white-space: nowrap;
	float: left;
	line-height: 10px;
	text-decoration: none;
}
#comment a.voting_no:link, #comment a.voting_no:visited {
	color: #AE3738;
	font-weight: normal;
	background: url(../images/voting_no.png) #F9EBEB no-repeat;
	border: 1px outset #AE3738;
	padding: 2px 4px 2px 20px;
	white-space: nowrap;
	float: left;
	line-height: 10px;
	text-decoration: none;
}
#comment a.voting_no:hover {
	color: #AE3738;
	font-weight: normal;
	background: url(../images/voting_no.png) #FFFFFF no-repeat;
	border: 1px outset #AE3738;
	padding: 2px 4px 2px 20px;
	white-space: nowrap;
	float: left;
	line-height: 10px;
	text-decoration: none;
}

Newbie with css trouble 15 years 8 months ago #3117

  • Mien
  • Mien's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 7
  • Karma: -5
  • Thank you received: 0
Wow..fast reply! Thanks! Im gonna work on the gray lines.

The css for the voting i found, but somehow i cant change the grey line in the under-right corner. Am i missing something in the css..i cant figure it out.

Newbie with css trouble 15 years 8 months ago #3118

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
A free tip from me: user firefox with firebug ( addons.mozilla.org/de/firefox/addon/1843 )

For other tips you have to buy ad impressions :D (joking, but it would be nice :))

Newbie with css trouble 15 years 8 months ago #3119

  • Mien
  • Mien's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 7
  • Karma: -5
  • Thank you received: 0
lol..i will try it out..just didnt think the grey border would be an error but a css code hidden somewhere..thats why i didnt even consider error..thanks for your fast replies anyway!! :P
  • Page:
  • 1
Time to create page: 0.110 seconds