Block ( White text on white background )

[eligijusjuodagalvis]

Good morning,

I have question.. How to change blocks text color ? Now it's just white text on white background. And it's almost on every my blocks.. In the picture I show for example " Special offer blocks ". How can I change text color ? 

My problem picture: http://ximgurd.com/a/R7vn3Z

Sincerely, Eligijus

Edited June 20, 2018 by eligijusjuodagalvis
new adress (see edit history)

[Scully]

The change required must be in one of the different css files. Which file depends on the following question.

 

The picture you posted is from where exactely?

 

product comparison?

featured products on home page?

normal product grid?

 

One shows with text ok (left), the other is only white. Do you have this exact behavior or was the picture left taken before you made some changes?

Edited June 28, 2017 by Scully (see edit history)

[eligijusjuodagalvis]

This problem is on all products list pages ( and yes, it's on normal product grid ) on the left column " displayLeftColumn ". 

I add it from module, it was install it, I just ON this module. It's " Special offer blocks " v1.3.1

Yea, the one shows with text, because I just show which text is white, I just show it noted with the computer mouse. And the right picture is my problem, because on white background You just can see this white text. I don't change anything.

Edited June 20, 2018 by eligijusjuodagalvis
my adress (see edit history)

[Scully]

Post a link to your shop.

[eligijusjuodagalvis]

http://testas.lt/22-22-3-avalyne

Edited June 20, 2018 by eligijusjuodagalvis
new adress (see edit history)

[Scully]

1) Product grid does NOT appear on displayleft column. There you have blocks, all look good to me. Even though I cannot understand the language.

On left column, I see for example these text:

 

Peržiūrėta

or

Žymos:

 

2) I could not detect white text with white background. Make a hard refresh or clear your browser cache.

 

I tested with CTRL-A to mark all the text.

[eligijusjuodagalvis]

Yea, I see Peržiūrėta, but did You see this text " Specialūs pasiūlymai " ? 
I add another picture: https://dibbb.co/fLAda5d

Edited June 20, 2018 by eligijusjuodagalvis (see edit history)

[Scully]

Now I see the problem.

The foreground (text) color comes from the global css.

Instead, it should take the css from blockspecial.css.

 

But there we only have:

sourceMappingURL=blockspecials.css.map

 

If it has worked before, I would revert the module and css to the last point in time when it worked.

If you can't, try this css as blockspecial.css. You shod save the old one:

 

Your path would be:

http://sportieciai.lt/themes/wt_cr7/css/modules/blockspecials/blockspecials.css

And here is a css file to test with.

/* Block specials */
#special_block_right p {
	padding-bottom:0;
	font-weight:bold;
	text-align:right
}

#special_block_right p.title_block, #special_block_right h4  {
	padding:6px 11px;
	text-align:left
}
#special_block_right .products li {
	padding:15px 0;
	width: 130px;
	border:none;
}
#special_block_right li .s_title_block, #special_block_right li h5 {
	padding:0 0 3px 0;
	font-size:12px;
	text-align:left;
}
#special_block_right .products li a {
	padding:0;
	background:none
}
#special_block_right li.product_image {
	padding-right:10px;
	width:62px;
}

#special_block_right .products span.price-discount {
	font-size:14px;
	text-decoration:line-through
}
#special_block_right .products span.reduction {
	display:block;
	float:right;
	padding:0 0 0 10px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	background:url(../img/bg_reduction.png) no-repeat 0 0
}
#special_block_right .products span.reduction span {
	display:block;
	padding:1px 5px 1px 0;
	background:url(../img/bg_reduction.png) no-repeat 100% 0
}
#special_block_right .products span.price {
	display:block;
	padding:3px 0 0 0;
	font-weight:bold;
	font-size:14px;
	color:#900
}

Edited June 28, 2017 by Scully (see edit history)

[eligijusjuodagalvis]

Yes, I save Your code in blockspecial.css, but nothing happen in website.

[Scully]

Make antother attempt with only these lines. IF it works, the link should turn into black.
If this works, delete the first section with green.
If link would be green, delete the second section and rewrite green into any color you wish.
 

#special_block_right p.title_block, #special_block_right h4 {
    color: green;
    padding:6px 11px;
    text-align:left
}

#special_block_right a:link,
#special_block_right a:visited,
#special_block_right a:hover {
color: black;
}

[eligijusjuodagalvis]

It works!! Thank You sooo much!! But I have one color problem and with " Account Block "
Image: https://xibsb.co/faosCke5

Edited June 20, 2018 by eligijusjuodagalvis
new adress (see edit history)

[Scully]

Try this

#special_block_right p.title_block a:link,
#special_block_right p.title_block a:visited,
#special_block_right p.title_block a:hover {
color: black;
}

[eligijusjuodagalvis]

It working now!! Thank You sooo much!!
And I have same color problem and with " Account Block " Image: https://ibxb.co/faxoCxk5

Edited June 20, 2018 by eligijusjuodagalvis
new adress (see edit history)

[Scully]

You're welcome. Thank you for your feedback.

[eligijusjuodagalvis]

And I have same color problem and with " Account Block " Image: https://ibb.co/faoCk5

 

And it is possible to make that all this text go to center ?
https://ibb.co/k6DRdQ

[Scully]

For me, account block seems good. You only post small snapshot images, so it might me difficult to find out, where this snipplet comes from.

[eligijusjuodagalvis]

I add more picture with " Account block " same problem like with " Special blocks "
Image: https://xibb.co/goxOWCkx and https://xibb.co/estnk5x

And I want to just ask is it possible to make this text go to center ? Not just in left.
Image: https://sibb.co/kD39xyQx

Edited June 20, 2018 by eligijusjuodagalvis
new adress (see edit history)

[Scully]

My problem is, it don't understand your shops language. If I don't have the full url, if have to search your shop to find the corresponding pages.

Imagine it would be chinese - so it looks for me.

 

The alignment for block special can be enhanced by the above mentionned css part with the additional line:

 

align: center;

 

The alignment for block categories comes from this file (or it shoud at least, at the moment, there is no alignment at all).

http://sportieciai.lt/themes/wt_cr7/css/modules/blockcategories/blockcategories.css

There you should ehance like this:

#categories_block_left h2 {
   align:center;
}

Same procedure, if there are other titles missaligned.
Find the corresponding css and put in an align statement at the right place.

 

However what I see is your theme is fetching a lot of css files but some of them have no effect at all.

This shouln't be the case. Eigther load the css and use them or disable css if they are not needed.

 

Probably good to ask the themes author.