Title: draftkits's Replies | WordPress.org

---

# draftkits

  [  ](https://wordpress.org/support/users/draftkits/)

 *   [Profile](https://wordpress.org/support/users/draftkits/)
 *   [Topics Started](https://wordpress.org/support/users/draftkits/topics/)
 *   [Replies Created](https://wordpress.org/support/users/draftkits/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/draftkits/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/draftkits/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/draftkits/engagements/)
 *   [Favorites](https://wordpress.org/support/users/draftkits/favorites/)

 Search replies:

## Forum Replies Created

Viewing 8 replies - 1 through 8 (of 8 total)

 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Flexible Product Fields (WooCommerce Product Addons) - WooCommerce Product Page Editor] Product field displaying along side ADD to Cart button instead of above](https://wordpress.org/support/topic/product-field-displaying-along-side-add-to-cart-button-instead-of-above/)
 *  Thread Starter [draftkits](https://wordpress.org/support/users/draftkits/)
 * (@draftkits)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/product-field-displaying-along-side-add-to-cart-button-instead-of-above/#post-16959703)
 * Thank you so much. That seems to have resolved the issue. I really appreciate
   your help, as I would have never been able to fix it on my own.
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Flexible Product Fields (WooCommerce Product Addons) - WooCommerce Product Page Editor] Product field displaying along side ADD to Cart button instead of above](https://wordpress.org/support/topic/product-field-displaying-along-side-add-to-cart-button-instead-of-above/)
 *  Thread Starter [draftkits](https://wordpress.org/support/users/draftkits/)
 * (@draftkits)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/product-field-displaying-along-side-add-to-cart-button-instead-of-above/#post-16953199)
 * I added the CSS as requested and it did fix this issue, but brought back a previous
   issue you resolved 2 months ago in this thread: [https://wordpress.org/support/topic/text-for-backend-code-appearing-on-item-page/](https://wordpress.org/support/topic/text-for-backend-code-appearing-on-item-page/)
 * I guess the code appearing and the boxes being in line is better than the other
   way around, but is it not possible to have it not display the code but display
   in the proper order?
 * ![](https://i0.wp.com/draftkits.co/wp-content/uploads/2023/08/Website-code-displaying.
   jpg)
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Flexible Product Fields (WooCommerce Product Addons) - WooCommerce Product Page Editor] Product field displaying along side ADD to Cart button instead of above](https://wordpress.org/support/topic/product-field-displaying-along-side-add-to-cart-button-instead-of-above/)
 *  Thread Starter [draftkits](https://wordpress.org/support/users/draftkits/)
 * (@draftkits)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/product-field-displaying-along-side-add-to-cart-button-instead-of-above/#post-16947751)
 * I appreciate the quick reply and diagnosis. Please forgive me but I have no experience
   with coding. We have added lots of CSS on the advice of various plugin support
   and a theme support as well to resolve display issues. Unfortunately, to me it
   has no meaning and is just random text. I will paste below all of the CSS we 
   have added in hopes maybe you could point me towards which, if any are the culprit
   and how to edit what is causing the problem. If none of the CSS is causing it,
   could you suggest the CSS we should add to resolve. If this is outside the scope
   of support, I do understand and we will just live with it for now.
 * .header–seven .dt_navbar-wrapper.is–sticky.on .dt_navbar-list-right .dt_navbar-
   button-item .dt-btn,
   .header–seven .dt_navbar-wrapper.is–sticky.on .dt_navbar-
   list-right>li:not(:first-child, :last-child)::before,.header–seven .dt_navbar-
   wrapper.is–sticky.on .dt_navbar-list-right {min-height: 12.4rem;}.header–seven.
   dt_navbar-wrapper.is–sticky.on .dt_navbar-list-right .dt_navbar-button-item .
   dt-btn {line-height: 4;}
 * [@media](https://wordpress.org/support/users/media/) (min-width: 62em) {
   .header–
   seven .dt_navbar-menu .dt_navbar-list-right .dt_navbar-button-item .dt-btn {border-
   radius: 0;padding-top: 2.7rem;padding-bottom: 2.7rem;padding-left: 6rem;padding-
   right: 4.5rem;min-height: 10.5rem;line-height: 3;}}
 * [@media](https://wordpress.org/support/users/media/) (max-width: 61.938em) {
   .
   dt_mobilenav.is–sticky.on {/* position: relative; */top: 0;-webkit-animation:
   none;animation: none;-webkit-box-shadow: none;box-shadow: none;}.header–seven.
   dt-btn {white-space: normal;}}
 * [@media](https://wordpress.org/support/users/media/) (max-width: 28.75em) {
   .
   header–seven .dt_header-navwrapperinner .dt_mobilenav-logo .site–logo {min-width:
   14.5rem;}.dt_mobilenav .dt_mobilenav-right {display: block;}.dt_mobilenav .dt_mobilenav-
   right .dt_navbar-button-item {display: none;}}
 * .dt_footer–one {
   padding-top: 7rem;margin-top: 0;}
 * .woocommerce form .woocommerce-terms-and-conditions-wrapper .form-row .input-
   checkbox,
   .woocommerce-invalid #terms {display: inline-block;outline: none;outline-
   offset: unset;}
 * .dt_footer_top .dt_footer_inner .dt-row.dt-g-2 {
   display:block;}
 * .dt_footer_top .dt_footer_inner .dt-col-sm-12 {
   width:100%;max-width:100%;}
 * .dt_footer_top .dt_footer_inner .dt-col-sm-12 .dt_siteheading {
   text-align:center;
   padding-bottom:20px}
 * .dt_footer_top .dt_footer_inner .dt-col-sm-12 input {
   display:block;width:100%;
   max-width:300px;float:left;}
 * .email-form-one .form-group {
   padding-right:0;}
 * .single-product .wdp_pricing_table, .woocommerce.single .product .woocommerce-
   Price-amount, .woocommerce.single .product .price {
   font-size:16px;}
 * .dt_slider .dt_slider-carousel, .dt_slider .dt_slider-item, .dt_slider .dt_slider-
   innercell, .dt_slider .dt_slider-item > img {
   max-height:40rem;min-height:40rem;}
 * .dt_slider–kenburn .owl-item .dt_slider-item > img {
   transition-property:none!
   important;transform: scale(1) !important;}
 * .is–sticky.on {
   background-color:#c4c2c2;}
 * .woocommerce-cart-form__contents {
   table-layout: auto;}
 * .site–logo a:focus {
   outline: none;}
 * .dt_pagetitle {
   display:none;}
 * .dt_slider .dt_slider-item {
   min-height:unset !important;}
 * [@media](https://wordpress.org/support/users/media/) (max-width: 768px) {
   .dt_slider.
   dt_slider-carousel, .dt_slider .dt_slider-item, .dt_slider .dt_slider-innercell,.
   dt_slider .dt_slider-item > img {
 *     ```wp-block-code
           min-height:unset;
       ```
   
 * }
   }
 * div.fpf-fields-config-wrapper {
   display:none!important;}
 * .single-product .cart script{
   display:hide!important;}
 * .single-product .cart script{
   display:none!important;}
 * .woocommerce-variation-add-to-cart {
   display: block!important;}
 * body.product-template-default form.cart {
   display: block!important;}
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Flexible Product Fields (WooCommerce Product Addons) - WooCommerce Product Page Editor] Text for backend code appearing on item page](https://wordpress.org/support/topic/text-for-backend-code-appearing-on-item-page/)
 *  Thread Starter [draftkits](https://wordpress.org/support/users/draftkits/)
 * (@draftkits)
 * [3 years ago](https://wordpress.org/support/topic/text-for-backend-code-appearing-on-item-page/#post-16795190)
 * This has been resolved thanks to the skills of
 * [dominikl65](https://wordpress.org/support/users/dominikl65/)
 * (@dominikl65)
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Flexible Product Fields (WooCommerce Product Addons) - WooCommerce Product Page Editor] Text for backend code appearing on item page](https://wordpress.org/support/topic/text-for-backend-code-appearing-on-item-page/)
 *  Thread Starter [draftkits](https://wordpress.org/support/users/draftkits/)
 * (@draftkits)
 * [3 years ago](https://wordpress.org/support/topic/text-for-backend-code-appearing-on-item-page/#post-16795188)
 * You are a genius, that fixed the issue. Thank you so much for the help. Have 
   a wonderful day.
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Flexible Product Fields (WooCommerce Product Addons) - WooCommerce Product Page Editor] Text for backend code appearing on item page](https://wordpress.org/support/topic/text-for-backend-code-appearing-on-item-page/)
 *  Thread Starter [draftkits](https://wordpress.org/support/users/draftkits/)
 * (@draftkits)
 * [3 years ago](https://wordpress.org/support/topic/text-for-backend-code-appearing-on-item-page/#post-16789973)
 * I appreciate the CSS coding. Unfortunately, it did not change the text from displaying.
   It is currently active (added to the “additional css”) in the customize tab. 
   I left it in place in case you want to take a further look and see if there is
   something missing. Any help is greatly appreciated.
 * Additionally, because we had to add many things to the additional CSS in order
   to make the theme work for our needs, I have pasted all of that into a .txt file
   and uploaded it to Google Drive. Perhaps there is something in the other CSS 
   that might be creating a conflict with the code provided. The link below is open
   access in hopes that anyone who sees this may be able to offer a solution.
 * [https://drive.google.com/drive/folders/1eU5-rQGGHJlLSygvr64opeKuPauBmmV6?usp=sharing](https://drive.google.com/drive/folders/1eU5-rQGGHJlLSygvr64opeKuPauBmmV6?usp=sharing)
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Flexible Product Fields (WooCommerce Product Addons) - WooCommerce Product Page Editor] Text for backend code appearing on item page](https://wordpress.org/support/topic/text-for-backend-code-appearing-on-item-page/)
 *  Thread Starter [draftkits](https://wordpress.org/support/users/draftkits/)
 * (@draftkits)
 * [3 years ago](https://wordpress.org/support/topic/text-for-backend-code-appearing-on-item-page/#post-16784521)
 * For reference, this is the text that is appearing:
 * var fpf_fields = [{“id”:”fpf_8208870″,”priority”:10,”type”:”text”,”title”:”HEADER(
   ex: The Fanatics League Draft)”,”required”:”1″,”placeholder”:”HEADER (ex: The
   Fanatics League Draft)”,”css_class”:”HEADER (ex: The Fanatics League Draft) —
   Bold”,”tooltip”:””,”default”:””,”max_length”:””,”pricing_adv”:””,”conditional_logic_adv”:””,”
   _group_id”:4009,”has_price”:false,”has_price_in_options”:false,”has_options”:
   false,”price_value”:0,”price_type”:”fixed”},{“id”:”4009_league_slogan_optional”,”
   priority”:20,”type”:”text”,”title”:”LEAGUE SLOGAN (optional)”,”required”:”0″,”
   placeholder”:”LEAGUE SLOGAN (optional)”,”css_class”:””,”tooltip”:””,”default”:””,”
   max_length”:””,”pricing_adv”:””,”conditional_logic_adv”:””,”_group_id”:4009,”
   has_price”:false,”has_price_in_options”:false,”has_options”:false,”price_value”:
   0,”price_type”:”fixed”},{“id”:”4009_league_champions_optional”,”priority”:30,”
   type”:”textarea”,”title”:”LEAGUE CHAMPIONS (optional)”,”required”:”0″,”placeholder”:”*
   ONLY list champions if you want them printed on the board and will use the board
   for 1 season.”,”css_class”:””,”tooltip”:””,”default”:””,”max_length”:””,”pricing_adv”:””,”
   conditional_logic_adv”:””,”_group_id”:4009,”has_price”:false,”has_price_in_options”:
   false,”has_options”:false,”price_value”:0,”price_type”:”fixed”}]; var fpf_product_price
   = 129.99;
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Flexible Product Fields (WooCommerce Product Addons) - WooCommerce Product Page Editor] Text for backend code appearing on item page](https://wordpress.org/support/topic/text-for-backend-code-appearing-on-item-page/)
 *  Thread Starter [draftkits](https://wordpress.org/support/users/draftkits/)
 * (@draftkits)
 * [3 years ago](https://wordpress.org/support/topic/text-for-backend-code-appearing-on-item-page/#post-16784519)
 * Thank you for the quick reply. I did as suggested and installed the plugin to
   attempt to isolate the issue. None of the plugins are causing the issue. It is
   actually something being caused by the theme itself. We are using Atus Pro. In
   testing when using the default Storefront the problem goes away. So that creates
   a new issue as we cant just switch to a new theme. We have several components
   that have been built for the specific theme we are using, not to mention the 
   expense we have spent.
 * Question: Is there some CSS that would hide the info that is being displayed?
   All of the data displayed if from the Flexible Products Field entries we created.
   I am hoping this is possible as it would resolve the issue without us having 
   to find a new products field plugin, especially since we only use it on 3 items.
 * Thanks in advance for any help and for the guidance to locate the issue.

Viewing 8 replies - 1 through 8 (of 8 total)