draftkits
Forum Replies Created
-
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.
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://ww.wp.xz.cn/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?

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 (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 (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 (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 (max-width: 768px) {
.dt_slider .dt_slider-carousel, .dt_slider .dt_slider-item, .dt_slider .dt_slider-innercell, .dt_slider .dt_slider-item > img {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;
}You are a genius, that fixed the issue. Thank you so much for the help. Have a wonderful day.
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
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;
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.