Jump to content

2 other questions


Guest

Recommended Posts

I have 2 other questions. How do I change the font color for the welcome guest?

When I click on register and go to the next page, how do I change the submit and continue button? I'm using the Legends template. Right now the button is lime green and the site is pink, black and white.

Ok another question, how do I center the titles in the content boxes, right now they are on the right.

Thanks,

Jeannine

Link to comment
Share on other sites

Open the style.css file in /cubecart/skins/Your_Skin/styleSheets.

Look for:

.txtSession {

font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

font-size: 75%;

color: #FFFFFF;

text-decoration: none;

}

a.txtSession {

font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

font-size: 60%;

color: #FFFFFF;

text-decoration: none;

}

a.txtSession:hover {

font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

font-size: 60%;

color: #CCCCCC;

text-decoration: underline;

}

.txtSessionGrey {

color: #FFFFFF;

font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

font-size: 70%;

}

And change the colors and fonts as needed.

Link to comment
Share on other sites

I guess you're not reading the pinned posts or searching. OK here you go!

BUTTONS

In style.css

a.txtButton {

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

color: #FFFFFF;

background-color: #0E51A3;

padding: 2px;

line-height: 20px;

text-align: center;

text-decoration: none;

}

a.txtButton:hover {

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

color: #FFFFFF;

background-color: #FF3300;

padding: 2px;

line-height: 20px;

text-align: center;

text-decoration: none;

}

CENTER TITLE TEXT

in layout.css

.boxTitleLeft, .boxTitleRight {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 70%;

color: #09347C;

background-image: url(../styleImages/backgrounds/boxTitleBg.gif);

width: 155px;

height: 15px;

padding-left: 5px;

padding-top: 1px;

Change padding-left: value

Link to comment
Share on other sites

I'm sorry if you're getting aggravated with me. I have been searching and reading the pinned posts, maybe my question is not clear.

I'm using the Legends template. In the center where they have Welcome to Cubecart, this is the title I want to center. Also the box underneath this one with Latest Products, I want to center both of these titles. I did all the steps above but it does not move these titles to the center.

I have changed all my buttons except when you click on the register then it takes you to the next page which is express registration the submit and continue button is lime green. Where in the css do I find this particular button to change?

Here's the link in case you're not sure what I'm talking about http://silvousplait.biz/store

Thank you for your help.

Jeannine

Link to comment
Share on other sites

I really do appreciate all the support, however, nothing I do to center that text works. I've changed the font, font-color, font-weight and I've added text-align: center; and the title does not move. I'm going to paste what I've done. It's like it will not read the text-align.

.txtContentTitle {

font-family: Jester, Verdana, Arial, Helvetica, sans-serif;

text-align: center;

font-size: 140%;

font-weight: bold;

font-style: normal;

color: #e3116b;

}

Also, when you click on the register button and go to the next page to fill in all your information, I still have the lime green submit & continue button. Can you tell me what to change so it will match the rest of the buttons?

Thank you. I really don't mean to be difficult. If I can't center the content title well, that's ok. But I really do want to get rid of the lime green button.

Jeannine

Link to comment
Share on other sites

text-align: center; is a property that works only with a block-level html element (like div, p, etc.) but the txtContentTitle class is used in cubecart with the <span> tag, a line-level element. You can't center it that way.

What you have to do is to go into each template where txtContentTitle is used and recode it. You can change <span class="txtContentTitle"> xxx </span>

to:

<div class="txtContentTitle"> xxx </div>

then, your css in the stylesheet will work.

Alternatively, you can use this:

<span class="txtContentTitle"><center> xxx </center></span>

Either way, you will have to edit each template file in skins/xx/styleTemplates/content/ if you want all instances of txtContentTitle to be centered. Best practice is the first method which relies on css, because once you change this to div going through all the files, you can center and non-center and make umerous changes to the titles in one place - the stylesheet ;)

Link to comment
Share on other sites

all these button are coded in style.css

.searchBtn {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 70%;

	color: #FF3300;

	background-color: #FFFFFF;

	border: none;

	height: 20px;

	width: 30px;

}

.submit {	

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	background-color: #070F72;

	border: none;

	height: 18px;

	font-weight: bold;

	border: 1px solid #070F72;

}

a.txtButton {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #0E51A3;

	padding: 2px;

	line-height: 20px;

	text-align: center;

	text-decoration: none;

}

a.txtButton:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #FF3300;

	padding: 2px;

	line-height: 20px;

	text-align: center;

	text-decoration: none;

}

a.txtviewCart:active, a.txtviewCart:link, a.txtviewCart:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 70%;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #FF9900;

	text-decoration: none;

	font-weight: bold;

	padding: 2px;

	border: 1px solid #000000;

}

a.txtviewCart:hover {

	background-color: #66CC33;

	color: #FFFFFF;

}

a.txtCheckout {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #66CC33;

	text-decoration: none;

	font-weight: bold;

	padding: 2px;

	border: 1px solid #000000;

}

a.txtUpdate {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #FF9900;

	text-decoration: none;

	font-weight: bold;

	padding: 2px;

	border: 1px solid #000000;

}

The button you ask about is controlled by txtCheckout class

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...