Rotating Pictures - and Text that goes with it

Author	« Topic »
dano2 Ecommerce Template Expert USA 514 Posts Pre-sales questions only (More Details...)	Posted - 03/02/2018 : 17:28:32 hi, just wondering on our Template, there are 3 revolving Pictures and text that you can see through and change. I noticed when testing on my cell phone the pictures look fine but the text is not showing. Anything I can do to fix that? Site is wwWdOtSafeTYpROshoPdoTcom thanks in advance
Sinbad ECT Moderator USA 65937 Posts	Posted - 03/02/2018 : 22:38:04 Hi Dan, in style.css around line 220 you will see display none is enabled your can remove it or change the word none to block. .banner_text_wrap { display: none; } Winners never quit, quitters never win CSS and Responsive Designs User Manual for Ecommerce Templates
dano2 Ecommerce Template Expert USA 514 Posts Pre-sales questions only (More Details...)	Posted - 03/03/2018 : 17:29:08 Hi Sinbad thank you that worked. on my cell phone the text looks a little large and some of it gets cut off, is there a way to resize it? Also, when the pictures slide to the next frame there seems to be a couple seconds delay with the text. Is there any fix for that? thanks in advance. Edited by - dano2 on 03/03/2018 17:41:31
Sinbad ECT Moderator USA 65937 Posts	Posted - 03/03/2018 : 19:20:01 Hi Dan, in the style sheet under the section /This is the fifth breakpoint and contains styles for screens 500px to 360px/ add the following: .phone_no h2 { font-size: 12px; } Winners never quit, quitters never win CSS and Responsive Designs User Manual for Ecommerce Templates
dano2 Ecommerce Template Expert USA 514 Posts Pre-sales questions only (More Details...)	Posted - 03/03/2018 : 22:14:01 hi Sinbad, looks like that changed our text size on the tag line under the logo. actually I wanted to adjust the size of the text that shows up in front of each of the 3 revolving pictures that you can see through.
Andy ECT Moderator 95440 Posts	Posted - 03/03/2018 : 23:54:51 Hi Dan That is controlled by this in style.css .banner_text_wrap h2 { margin:0px; padding:0px; color:#ff; font-size:40px; text-transform:uppercase; font-weight:normal;} .banner_text_wrap h2 span {color:#fbbb13;} .banner_text_wrap p { color:#ff; font-size:16px;} The h2 is the large header text and the p the blurb below that. Andy Please feel free to review / rate our software
dano2 Ecommerce Template Expert USA 514 Posts Pre-sales questions only (More Details...)	Posted - 03/04/2018 : 09:29:48 Hi Andy, I forgot to ask in my post. The text size that I see on a regular monitor looks fine but on my Cell Phone, that same text looks too big. Will this code change just the text that is displayed on the Cell Phone? or is this possible to do?
Andy ECT Moderator 95440 Posts	Posted - 03/04/2018 : 09:37:10 In style.css after this line @media screen and (max-width: 640px) { add .banner_text_wrap h2 {font-size:16px;} Andy Please feel free to review / rate our software
dano2 Ecommerce Template Expert USA 514 Posts Pre-sales questions only (More Details...)	Posted - 03/04/2018 : 09:56:12 Hi Aandy, just tried that, not sure if it changed much looking at my cell? or perhaps its just that there is a lot of text that is already there?
Andy ECT Moderator 95440 Posts	Posted - 03/04/2018 : 10:02:27 See if reducing it to 12px is better. Andy Please feel free to review / rate our software
dano2 Ecommerce Template Expert USA 514 Posts Pre-sales questions only (More Details...)	Posted - 03/04/2018 : 10:25:30 just tried chainging it to 12 but didnt seem to make a difference. What i see on my phone is it looks like the top Part ECT STYLES and the first sentence or so is cut off..
Andy ECT Moderator 95440 Posts	Posted - 03/04/2018 : 10:30:52 Just after that line I gave you add .banner_text_wrap p {font-size:12px;} Andy Please feel free to review / rate our software
dano2 Ecommerce Template Expert USA 514 Posts Pre-sales questions only (More Details...)	Posted - 03/04/2018 : 16:28:07 its a little better but still cut off a little more at the top. Looks like it needs to move down a little more? Not sure if I did the code correct? right now it looks like this? @media screen and (max-width: 640px) { .banner_text_wrap h2 {font-size:16px;} .banner_text_wrap p {font-size:12px;} Edited by - dano2 on 03/04/2018 16:28:59
Andy ECT Moderator 95440 Posts	Posted - 03/05/2018 : 00:07:55 I think that can be adjusted when you have your own text there. if you have less text for example it should all fir fine. Andy Please feel free to review / rate our software
	« Topic »