Datafeedr Support Forums  

Go Back   Datafeedr Support Forums > Current Version (V3) Forum > Problems
Home Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Important - The support forums are now in "read-only" mode as we transition to an alternative help desk solution. Feel free to contact us here with any of your questions or search the forums for an existing solution.
 
 
Thread Tools Search this Thread Display Modes
  #1  
Old April 11th, 2013, 01:16 AM
viewridge viewridge is offline
 
Join Date: Apr 2013
Posts: 30
Default Problem with columns being too small - text/product views pushed to left

Store ID:41258
Website URL: onlinebaseballsource.com
URL to page in question: http://onlinebaseballsource.com/?q=store

When I activate plugin, the text & product views are captured in a tight column.

Following screencast links show issue (only exists when plugin is activated).

http://screencast.com/t/9y64DHaPX - store view w/ plugin activated
http://screencast.com/t/6yavJeHarYsI - store view w/ plugin activated
http://screencast.com/t/PaabvPJUZ7a - home page view w/ plugin activated
http://screencast.com/t/0B2ArFx3esH - home page view w/ plugin deactivated

I tried using Firebug to identify if it was CSS issue. Unfortunately, I can't find anything. I have also searched the forum, but can't find someone with a similar issue. Clearly with the plugin activated, something isn't right.

I also tried loading another wordpress blog (different url) and putting together a different store front. Same issue. Please help.

Thanks for your time.
Dan Lyne
  #2  
Old April 11th, 2013, 10:21 AM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Hi Dan,

There's a conflict between your theme's CSS and the store's CSS that's causing these issues.

Here's what you will need to do:

1. Go here: WordPress Admin Area > Tools > Datafeedr > Debug > Store CSS

2. Select the "don't include" option.

3. Click the [Save] button

4. Go here: http://onlinebaseballsource.com/wp-a...eme=flexi-blue

5. Scroll to the bottom of all of the code. At the bottom you will see:
Code:
.date {
	font-size: 10px;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	}
6. After the last closing bracket "}", paste in the following CSS code:

Code:
/*******************************
LAYOUT
*******************************/
#view .modwrp {padding:0;margin:0;border:0;float:left;}
#view .col1 {width:99.9%;}
#view .col2 {width:49.9%;}
#view .col3 {width:33.3%;}
#view .col4 {width:24.9%;}
#view .col5 {width:19.9%;}
#view .modwrp .modcont {margin:0 10px 10px 0px;padding:5px;}

/*******************************
PRODUCT LISTING - T1
*******************************/
#view .pl .t1 {padding:0;margin:0 0 5px 0;border:0;float:left;}
#view .pl .t1 .bdr {border:1px #B3B3B3 solid;margin:0 5px 10px 5px;padding:2px;}
#view .pl .t1 .bdr .thmb {border:0;overflow:hidden;text-align:center;margin:5px auto;padding:0;}
#view .pl .t1 .bdr .thmb img {border:0; padding:0; margin:0; background-color:transparent;}
#view .pl .t1 .bdr .prc {text-align:center; margin:5px 0;}
#view .pl .t1 .bdr h2 {margin:0; padding:0; overflow:hidden; text-align:center; line-height:1.3em; height:2.6em;}
#view .pl .t1 .bdr h2 a {margin:0; display:block;} 
#view .pl .t1 .bdr .desc {overflow:hidden; height:6em; line-height:1.5em; margin:0 5px; padding:0;} 
#view .pl .t1 .bdr .btns {overflow:hidden; margin:0 0 5px 0; padding:5px 0; text-align:center;}
#view .pl .t1 .bdr .btns a img {border:0; margin:2px 0 0 0; padding:0; background-color:transparent;}

/*******************************
PRODUCT LISTING - T2
*******************************/
#view .pl .t2 {padding:0; margin:0; border:0; float:left;}
#view .pl .t2 .bdr {border:0px #f5f5f5 solid; margin:0 5px 10px 5px; padding:2px;}
#view .pl .t2 .bdr h2 {margin:0 0 5px 0; padding:0; overflow:hidden; line-height:1.3em; height:2.6em;}
#view .pl .t2 .bdr h2 a {margin:0; display:block;}
#view .pl .t2 .bdr .lc {height:100%; float:left; padding:0; margin:0 auto 0 auto; border:0;}
#view .pl .t2 .bdr .thmb {border:0; overflow:hidden; text-align:center; margin:5px auto; padding:0;}
#view .pl .t2 .bdr .thmb img {border:0; padding:0; margin:0; background-color:transparent;}
#view .pl .t2 .bdr .rc {display:inline-block;}
#view .pl .t2 .bdr .rc {display:block;}
#view .pl .t2 .bdr .desc {overflow:hidden; height:7.5em; line-height:1.5em; margin:0 0 5px 0; padding:0;}
#view .pl .t2 .bdr .prc_btns {width:100%; overflow:hidden;}
#view .pl .t2 .bdr table {width:100%; border-spacing:0; border:0; padding:5px 0;}
#view .pl .t2 .bdr td {vertical-align:middle; padding:5px;}
#view .pl .t2 .bdr td.prc {text-align:right; padding-right:2%;}
#view .pl .t2 .bdr td.btns {text-align:left; padding-left:2%;}
#view .pl .t2 .bdr td.btns a img {border:0; margin:2px 0 0 0; padding:0; background-color:transparent;}

/*******************************
PRODUCT LISTING - T3
*******************************/
#view .pl .t3 {padding:0; margin:0 0 10px 0; border:0; float:left;}
#view .pl .t3 .bdr {border-bottom:0px #f5f5f5 solid; margin:0 5px 10px 5px; padding:2px;}
#view .pl .t3 .bdr .lc {height:100%; float:left; padding:0; margin:0 auto 0 auto; border:0;}
#view .pl .t3 .bdr .thmb {border:0; overflow:hidden; text-align:center; margin:5px auto; padding:0;}
#view .pl .t3 .bdr .thmb img {border:0; padding:0; margin:0; background-color:transparent;}
#view .pl .t3 .bdr .prc {text-align:center; margin:5px 0 0 0;}
#view .pl .t3 .bdr .rc {display:inline-block;}
#view .pl .t3 .bdr .rc {display:block; padding:5px 0 0 0;}
#view .pl .t3 .bdr h2 {margin:0 0 5px 5px; padding:0; overflow:hidden; line-height:1.3em; height:2.6em;}
#view .pl .t3 .bdr h2 a {margin:0; display:block;}
#view .pl .t3 .bdr .desc {overflow:hidden; height:6em; line-height:1.5em; margin:0 10px 5px 5px; padding:0;}
#view .pl .t3 .bdr .btns {overflow:hidden; margin:0 0 5px 5px; padding:5px 0;}
#view .pl .t3 .bdr .btns a img {border:0; margin:2px 0 0 0; padding:0; background-color:transparent;}

/*******************************
SINGLE PRODUCT DETAILS
*******************************/
#view .sp {padding:0; margin:0 0 10px 0; border:0; width:100%;}
#view .sp .lc {float:left; padding:0; margin:0 auto 0 auto; border:0;}
#view .sp .thmb {border:0; text-align:center; margin:5px auto; padding:0;}
#view .sp .thmb img {border:0; padding:0; margin:0; background-color:transparent;}
#view .sp .prc {text-align:left; margin:5px 0 0 0;}
#view .sp h2 {margin:0 0 5px 0px; padding:0;}
#view .sp h2 a {margin:0; display:block;}
#view .sp .desc {margin:0 0px 5px 0px; padding:0;}
#view .sp .btns {margin:0 0 5px 0px; padding:5px 0;}
#view .sp .btns a img {border:0; margin:2px 0 0 0; padding:0; background-color:transparent;}
#view .sp .lc .thmb img {max-width:200px; width:expression(this.height < this.width && this.width > 200 ? '200px' :true);}
#view .sp .lc .thmb .thmb {width:200px;}
#view .sp .lc {width:210px;}
#view .sp .rc {margin-left:210px;	padding-left:10px;}

/******************************* 
EMBEDDED PRODUCT
*******************************/ 
.embedded .t1 { padding: 0; margin: 0 0 5px 0; border: 0; }
.embedded .t1 .bdr { border: 1px #B3B3B3 solid; margin: 0 5px 10px 5px; padding: 2px; height: 100%; }
.embedded .t1 .bdr .thmb { border: 0; overflow: hidden; text-align: center; margin: 5px auto; padding: 0; }
.embedded .t1 .bdr .thmb img { border: 0; padding: 0; margin: 0; background-color: transparent; }
.embedded .t1 .bdr .prc { text-align: center; margin: 5px 0; }
.embedded .t1 .bdr h2 { margin: 0; padding: 0; overflow: hidden; text-align: center; line-height: 1.3em; height: 2.6em; }
.embedded .t1 .bdr h2 a { margin: 0; display: block; }
.embedded .t1 .bdr .desc { overflow: hidden; height: 6em; line-height: 1.5em; margin: 0 5px; padding: 0; }
.embedded .t1 .bdr .btns { overflow: hidden; margin: 0 0 5px 0; padding: 5px 0; text-align: center; }
.embedded .t1 .bdr .btns a img { border: 0; margin: 2px 0 0 0; padding: 0; background-color: transparent; } 

/*******************************
150px IMAGE <img class="thmb1" />
*******************************/
.thmb1 { width: expression(this.height < this.width && this.width > 150 ? '150px' :true); height: expression(this.height > this.width && this.height > 150 ? '150px' :true); max-width: 150px; max-height: 150px; }

/*******************************
1 COLUMN IMAGE
*******************************/
#view .pl .col1 .thmb img {max-width:150px;max-height:150px;width:expression(this.height < this.width && this.width > 150 ? '150px' :true);height:expression(this.height > this.width && this.height > 150 ? '150px' :true);}
#view .pl .col1 .thmb {width:150px;height:160px;}
#view .pl .t3 .thmb img {max-width:150px;max-height:120px;width:expression(this.height < this.width && this.width > 150 ? '150px' :true);height:expression(this.height > this.width && this.height > 150 ? '150px' :true);}
#view .pl .t3 .thmb {width:150px;height:130px;}
#view .pl .col1 .lc {width:160px;}
#view .pl .col1 .rc {margin:0 0 0 165px;}

/*******************************
2 COLUMN IMAGE
*******************************/
#view .pl .col2 .thmb img {max-width:120px;max-height:120px;width:expression(this.height < this.width && this.width > 120 ? '120px' :true);height:expression(this.height > this.width && this.height > 120 ? '120px' :true);}
#view .pl .col2 .thmb {width:120px;height:130px;}
#view .pl .col2 .lc {width:130px;}
#view .pl .col2 .rc {margin:0 0 0 135px;}

/*******************************
3 COLUMN IMAGE
*******************************/
#view .pl .col3 .thmb img {max-width:100px;max-height:100px;width:expression(this.height < this.width && this.width > 100 ? '100px' :true);height:expression(this.height > this.width && this.height > 100 ? '100px' :true);}
#view .pl .col3 .thmb {width:100px;height:110px;}
#view .pl .col3 .lc {width:110px;}
#view .pl .col3 .rc {margin:0 0 0 115px;}

/*******************************
4 COLUMN IMAGE
*******************************/
#view .pl .col4 .thmb img {max-width:75px; max-height:75px;width:expression(this.height < this.width && this.width > 75 ? '75px' :true);height:expression(this.height > this.width && this.height > 75 ? '75px' :true);}
#view .pl .col4 .thmb {width:75px;height:85px;}
#view .pl .col4 .lc {width:85px;}
#view .pl .col4 .rc {margin:0 0 0 90px;}

/*******************************
CATEGORY LISTING
*******************************/
#view .cl .cell {padding:0; margin:0 0 5px 0; border:0; float:left; }
#view .cl .cell .bdr {border:0px #B3B3B3 solid; margin:0 5px 5px 5px; padding:2px; background-color:transparent; float:left; overflow:hidden; }
#view .cl .cell .bdr .catdesc {height: 4.8em; line-height: 1.2em}

/*******************************
SEARCH
*******************************/
#view .srchform label {display:block; text-align:left;}
#view .srchform input {display:block; text-align:left;}

/*******************************
SORT/PPP FILTERS
*******************************/
#view .dffltrs {border: 1px #E6E6E6 solid; margin: 10px 0;}
#view .dffltrs form {background-color: #f5f5f5;padding: 5px;margin: 1px;}
#view .dffltrs .dflside {float: left;}
#view .dffltrs .dfrside {float: right;}

/*******************************
PAGER
*******************************/
#view .pgr {margin:10px 0; }
#view .pgr span {font-weight:bold; }
#view .pgr a {text-decoration:none; }
#view .pgr img {vertical-align:middle; border:0; margin:0 4px; }

/*******************************
PRODUCT TITLES - ALL TEMPLATES
*******************************/
#view .pl h2,  #view .pl h2 a, #wdgt_pl .pl .bdr h2, #wdgt_pl .pl .bdr h2 a {font-size:12px;}

/*******************************
WIDGET PRODUCT LISTING
*******************************/
#wdgt_pl .pl {padding: 0; margin: 0 0 5px 0; border: 0; width: 100%;}
#wdgt_pl .pl .bdr {border: 1px #B3B3B3 solid; margin: 0 0 10px 0; padding: 2px;}
#wdgt_pl .pl .bdr .thmb {border: 0; overflow: hidden; text-align: center; margin: 5px auto; padding: 0;}
#wdgt_pl .pl .bdr .thmb img {border: 0; padding: 0; margin: 0; background-color: transparent;}
#wdgt_pl .pl .bdr .prc {text-align: center; margin: 5px 0;}
#wdgt_pl .pl .bdr h2 {margin: 0; padding: 0; text-align: center; line-height: 1.3em;}
#wdgt_pl .pl .bdr h2 a {margin: 0; display: block;}
#wdgt_pl .pl .bdr .desc {line-height: 1.5em; margin: 0 5px; padding: 0;}
#wdgt_pl .pl .bdr .btns {margin: 0 0 5px 0; padding: 5px 0; text-align: center;}
#wdgt_pl .pl .bdr .btns a img {border: 0; margin: 2px 0 0 0; padding: 0; background-color: transparent;}
#wdgt_pl .pl .bdr .thmb {width: 150px;}
#wdgt_pl .pl .bdr .thmb img {max-width: 150px; width: expression(this.height < this.width && this.width > 150 ? '150px' : true);}

/*******************************
WIDGET CATEGORY LISTING
*******************************/
#wdgt_cl {}

/*******************************
WIDGET SIMPLE SERARCH
*******************************/
#wdgt_ss {}

/*******************************
WIDGET ADVANCED SERARCH
*******************************/
#wdgt_as {}
#wdgt_as input {display: block;}

/*******************************
Buttons (Credit:http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/)
*******************************/
.dfbutton { display: inline-block !important; zoom: 1 !important; *display: inline !important; vertical-align: baseline !important; margin: 0 2px 4px 2px !important; outline: none !important; cursor: pointer !important; text-align: center !important; text-decoration: none !important; font: 12px/100% Arial, Helvetica, sans-serif !important; padding: .4em 1.5em .42em !important; text-shadow: 0 1px 1px rgba(0,0,0,.3) !important; -webkit-border-radius: .5em !important; -moz-border-radius: .5em !important; border-radius: .5em !important; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2) !important; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2) !important; box-shadow: 0 1px 2px rgba(0,0,0,.2) !important; white-space: nowrap !important; }
.dfbutton:hover { text-decoration: none !important; }
.dfbutton:active { position: relative !important; top: 1px !important; }

.dflarge { font-size: 14px !important; padding: .5em 2em .55em !important; }
.dfmedium { font-size: 12px !important; padding: .4em 1.5em .42em !important; }
.dfsmall { font-size: 11px !important; padding: .2em 1em .275em !important; }
.dfrounded { -webkit-border-radius: 2em !important; -moz-border-radius: 2em !important; border-radius: 2em !important; }

/****** black ******/
.dfblack:link, .dfblack:visited { color: #d7d7d7 !important; border: solid 1px #333 !important; background: #333 !important; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)) !important; background: -moz-linear-gradient(top, #666, #000) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000') !important; }
.dfblack:hover { color: #d7d7d7 !important; background: #000 !important; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)) !important; background: -moz-linear-gradient(top, #444, #000) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000') !important; }
.dfblack:active { color: #666 !important; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444)) !important; background: -moz-linear-gradient(top, #000, #444) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666') !important; }

/****** gray ******/
.dfgray:link, .dfgray:visited { color: #e9e9e9 !important; border: solid 1px #555 !important; background: #6e6e6e !important; background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)) !important; background: -moz-linear-gradient(top, #888, #575757) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757') !important; }
.dfgray:hover { color: #e9e9e9 !important; background: #616161 !important; background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)) !important; background: -moz-linear-gradient(top, #757575, #4b4b4b) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b') !important; }
.dfgray:active { color: #afafaf !important; background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)) !important; background: -moz-linear-gradient(top, #575757, #888) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888') !important; }

/****** white ******/
.dfwhite:link, .dfwhite:visited { color: #606060 !important; border: solid 1px #b7b7b7 !important; background: #fff !important; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)) !important; background: -moz-linear-gradient(top, #fff, #ededed) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed') !important; }
.dfwhite:hover { color: #606060 !important; background: #ededed !important; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)) !important; background: -moz-linear-gradient(top, #fff, #dcdcdc) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc') !important; }
.dfwhite:active { color: #999 !important; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)) !important; background: -moz-linear-gradient(top, #ededed, #fff) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff') !important; }

/****** orange ******/
.dforange:link, .dforange:visited { color: #fef4e9 !important; border: solid 1px #da7c0c !important; background: #f78d1d !important; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)) !important; background: -moz-linear-gradient(top, #faa51a, #f47a20) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20') !important; }
.dforange:hover { color: #fef4e9 !important; background: #f47c20 !important; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)) !important; background: -moz-linear-gradient(top, #f88e11, #f06015) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015') !important; }
.dforange:active { color: #fcd3a5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)) !important; background: -moz-linear-gradient(top, #f47a20, #faa51a) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a') !important; }

/****** red ******/
.dfred:link, .dfred:visited { color: #faddde !important; border: solid 1px #980c10 !important; background: #d81b21 !important; background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)) !important; background: -moz-linear-gradient(top, #ed1c24, #aa1317) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317') !important; }
.dfred:hover { color: #faddde !important; background: #b61318 !important; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)) !important; background: -moz-linear-gradient(top, #c9151b, #a11115) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115') !important; }
.dfred:active { color: #de898c !important; background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)) !important; background: -moz-linear-gradient(top, #aa1317, #ed1c24) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24') !important; }

/****** blue ******/
.dfblue:link, .dfblue:visited { color: #d9eef7 !important; border: solid 1px #0076a3 !important; background: #0095cd !important; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)) !important; background: -moz-linear-gradient(top, #00adee, #0078a5) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5') !important; }
.dfblue:hover { color: #d9eef7 !important; background: #007ead !important; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)) !important; background: -moz-linear-gradient(top, #0095cc, #00678e) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e') !important; }
.dfblue:active { color: #80bed6 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)) !important; background: -moz-linear-gradient(top, #0078a5, #00adee) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee') !important; }

/****** rosy ******/
.dfrosy:link, .dfrosy:visited { color: #fae7e9 !important; border: solid 1px #b73948 !important; background: #da5867 !important; background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f)) !important; background: -moz-linear-gradient(top, #f16c7c, #bf404f) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f') !important; }
.dfrosy:hover { color: #fae7e9 !important; background: #ba4b58 !important; background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845)) !important; background: -moz-linear-gradient(top, #cf5d6a, #a53845) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845') !important; }
.dfrosy:active { color: #dca4ab !important; background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c)) !important; background: -moz-linear-gradient(top, #bf404f, #f16c7c) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c') !important; }

/****** green ******/
.dfgreen:link, .dfgreen:visited { color: #e8f0de !important; border: solid 1px #538312 !important; background: #64991e !important; background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)) !important; background: -moz-linear-gradient(top, #7db72f, #4e7d0e) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e') !important; }
.dfgreen:hover { color: #e8f0de !important; background: #538018 !important; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)) !important; background: -moz-linear-gradient(top, #6b9d28, #436b0c) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c') !important; }
.dfgreen:active { color: #a9c08c !important; background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f)) !important; background: -moz-linear-gradient(top, #4e7d0e, #7db72f) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f') !important; }

/****** pink ******/
.dfpink:link, .dfpink:visited { color: #feeef5 !important; border: solid 1px #d2729e !important; background: #f895c2 !important; background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab)) !important; background: -moz-linear-gradient(top, #feb1d3, #f171ab) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab') !important; }
.dfpink:hover { color: #feeef5 !important; background: #d57ea5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4)) !important; background: -moz-linear-gradient(top, #f4aacb, #e86ca4) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4') !important; }
.dfpink:active { color: #f3c3d9 !important; background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3)) !important; background: -moz-linear-gradient(top, #f171ab, #feb1d3) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3') !important; }

/******  brown ******/
.dfbrown:link, .dfbrown:visited { color: #feeef5 !important; border: solid 1px #462709 !important; background: #804000 !important; background: -webkit-gradient(linear, left top, left bottom, from(#995414), to(#522D0B)) !important; background: -moz-linear-gradient(top, #995414, #522D0B) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#995414', endColorstr='#522D0B') !important; }
.dfbrown:hover { color: #feeef5 !important; background: #d57ea5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#89521B), to(#472A0E)) !important; background: -moz-linear-gradient(top, #89521B, #472A0E) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89521B', endColorstr='#472A0E') !important; }
.dfbrown:active { color: #DBC4A8 !important; background: -webkit-gradient(linear, left top, left bottom, from(#522D0B), to(#995414)) !important; background: -moz-linear-gradient(top, #522D0B, #995414) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#522D0B', endColorstr='#995414') !important; }

/****** purple ******/
.dfpurple:link, .dfpurple:visited { color: #feeef5 !important; border: solid 1px #380821 !important; background: #4F0B2E !important; background: -webkit-gradient(linear, left top, left bottom, from(#932162), to(#500C2E)) !important; background: -moz-linear-gradient(top, #932162, #500C2E) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#932162', endColorstr='#500C2E') !important; }
.dfpurple:hover { color: #feeef5 !important; background: #d57ea5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#7F265F), to(#420F2B)) !important; background: -moz-linear-gradient(top, #7F265F, #420F2B) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7F265F', endColorstr='#420F2B') !important; } 
.dfpurple:active { color: #B28EA5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#500C2E), to(#932162)) !important; background: -moz-linear-gradient(top, #500C2E, #932162) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#500C2E', endColorstr='#932162') !important; } 

/****** silver ******/
.dfsilver:link, .dfsilver:visited { color: #262626 !important; border: solid 1px #989898 !important; background: #CCC !important; background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#A6A6A6)) !important; background: -moz-linear-gradient(top, #F2F2F2, #A6A6A6) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#A6A6A6') !important; }
.dfsilver:hover { color: #262626 !important;  background: #d57ea5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#9F9F9F)) !important; background: -moz-linear-gradient(top, #E8E8E8, #9F9F9F) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#9F9F9F') !important; } 
.dfsilver:active { color: #808080 !important; background: -webkit-gradient(linear, left top, left bottom, from(#A6A6A6), to(#F2F2F2)) !important; background: -moz-linear-gradient(top, #A6A6A6, #F2F2F2) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6A6A6', endColorstr='#F2F2F2') !important; } 

/**********************************************
<a href="http://www.positioniseverything.net/easyclearing.html" title="http://www.positioniseverything.net/easyclearing.html">http://www.positioniseverything.net/easyclearing.html</a>
**********************************************/
.clearfix:after {clear:both; content:'.'; display:block; visibility:hidden; height:0;} 
.clearfix {display:inline-block; } 
* html .clearfix {height:1%; } 
.clearfix {display:block; } 
.clearingdiv {clear:left; font-size:0; line-height:0; margin:0; padding:0; }

/*******************************
CUSTOM CSS
*******************************/

/* all custom css code will appear here */
7. Click the [Update file] button.

Now your store and site should display properly.

If you ever choose another theme to use in the future, simply go back to WordPress Admin Area > Tools > Datafeedr > Debug > Store CSS and select "all pages".

Eric
  #3  
Old April 11th, 2013, 12:48 PM
viewridge viewridge is offline
 
Join Date: Apr 2013
Posts: 30
Default

Eric,

Thanks for the lightning quick response. Your fix worked great, thanks so much. Just started with datafeedr yesterday, really happy so far.

cheers,
Dan
  #4  
Old April 11th, 2013, 12:49 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Hi Dan,

Great! If you have any other questions, please don't hesitate to ask.

Eric
  #5  
Old January 7th, 2014, 04:34 PM
rpjpeeters rpjpeeters is offline
 
Join Date: Jan 2014
Posts: 4
Default

Hi Eric,

I just started with datafeedr and i have the same problem for my site: Lenzenvergelijker.nl. Unfortunatly i can't find the code:

.date {
font-size: 10px;
font-weight: normal;
padding: 0px;
margin: 0px 0px 15px 0px;
}

Probably beacouse i use a different theme: TwentyTwelve. Do you have the sollution for this theme as well? Thanks for your time!

Best regards,
Ronnie Peeters
  #6  
Old January 7th, 2014, 04:43 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Hi Ronnie,

Welcome to the forums!

I believe the issue is different. You have misconfigured your URL Settings in the Factory. I would suggest doing the following:

1. Go here: The Factory > Your Store > Store menu > URL Settings

2. Click the [Reset] button.

3. Then click the [Save] button.

4. Then go here WordPress Admin Area > Tools > Datafeedr

5. Click the [Update Products and Settings] button.

I think that should fix the issue.

Eric
  #7  
Old January 7th, 2014, 05:04 PM
rpjpeeters rpjpeeters is offline
 
Join Date: Jan 2014
Posts: 4
Default

Hi Eric,

Thanks for your fast reply.
I try to write this in my best English
My first experience with datafeedr is very good!

I tried to reset these settings, but it didn't fix my problem. By resetting these settings i lost my url structue, so i changed it back. If my settings are wrong, can you tell me how i have to change them to keep my recent category structure:

http://lenzenvergelijker.nl/merken/acuvue/ (merken means brands)
http://lenzenvergelijker.nl/daglenzen/

I already did these steps before resetting the url structure:

1. Go here: WordPress Admin Area > Tools > Datafeedr > Debug > Store CSS

2. Select the "don't include" option.

3. Click the [Save] button

after that, i ran i to the problem and wrote a comment in this forum. After i clicked [Save] my 3 column template changed.
There should be three columns in a row:

- Zoek op gebruiksduur
- Zoek op merk
- zoek op type

these colums apear beneath each other now.

Another problem is that the area where products and categorys are shown is only 625px width, the right menu is 250px width. In between there are a lot of pixels gone lost (approx. 75 to 125 px). Is there any possibility to decrease the space between the right menu and the main tekst area?
  #8  
Old January 7th, 2014, 05:56 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Hi
Quote:
Originally Posted by rpjpeeters View Post
I already did these steps before resetting the url structure:

1. Go here: WordPress Admin Area > Tools > Datafeedr > Debug > Store CSS

2. Select the "don't include" option.

3. Click the [Save] button

after that, i ran i to the problem and wrote a comment in this forum. After i clicked [Save] my 3 column template changed.
This is the problem. You need to include your Store CSS. If it's not included all of the problems you are having will occur.

Eric
  #9  
Old January 7th, 2014, 06:10 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Hi,

Also, I would recommend changing this: %cp/
To this: store/category/%cp/

Here: The Factory > Your Store > Store menu > URL Settings > Default category page URL

Eric
 


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Categorie list pushed down atwr Problems 2 May 22nd, 2012 04:59 PM
No Columns, No product images, WP 3.3.1 UncleJohn Problems 8 March 17th, 2012 09:55 AM
Squished Columns on Product Page tomsunde Problems 2 March 16th, 2012 04:17 PM
Left Justifying Title On Product Desc. Page stayfitcentral Questions 1 October 12th, 2011 03:44 PM
Some small changes peevee Questions 3 June 19th, 2011 02:04 PM


All times are GMT -5. The time now is 06:23 PM.


Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.