Custom Add to Cart Button not displaying accurately on single product page

Hi there,

Could you please share the screenshot for the plugin’ settings page?

Also, please share the site info details under
Tools->Site Health->Info Tab and click on the Copy site info to clipboard

Will need more details so I can test the bug on my side.

Looking forward to your reply,
Kind Regards,

Thank you. The site health info is as follows and the screenshot is linked here:

https://jocelynkotchie.com/wp-content/uploads/2023/11/Screen-Shot-2023-11-09-custom-add-to-Cart-button-settings.png

Many thanks.

` wp-core

version: 6.4.1
site_language: en_US
user_language: en_US
timezone: +08:00
permalink: /%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: open
environment_type: production
user_count: 2
dotorg_communication: true wp-paths-sizes

wordpress_path: /home/jocelynk/public_html
wordpress_size: 938.38 MB (983966521 bytes)
uploads_path: /home/jocelynk/public_html/wp-content/uploads
uploads_size: 96.32 MB (100994649 bytes)
themes_path: /home/jocelynk/public_html/wp-content/themes
themes_size: 44.25 MB (46395801 bytes)
plugins_path: /home/jocelynk/public_html/wp-content/plugins
plugins_size: 318.27 MB (333733229 bytes)
database_size: 291.15 MB (305294474 bytes)
total_size: 1.65 GB (1770384674 bytes) wp-dropins (2)

advanced-cache.php: true
maintenance.php: true wp-active-theme

name: Astra Child SongRealm (astra-child-songrealm)
version: 1.0.0
author: Brainstorm Force
author_website: https://wpastra.com/about/
parent_theme: Astra (astra)
theme_features: core-block-patterns, astra_hooks, widgets-block-editor, align-wide, automatic-feed-links, title-tag, post-thumbnails, starter-content, html5, post-formats, custom-logo, customize-selective-refresh-widgets, editor-style, woocommerce, rank-math-breadcrumbs, amp, editor-color-palette, infinite-scroll, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, widgets, menus
theme_path: /home/jocelynk/public_html/wp-content/themes/astra-child-songrealm wp-parent-theme

name: Astra (astra)
version: 4.1.6 (latest version: 4.4.1)
author: Brainstorm Force
author_website: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
theme_path: /home/jocelynk/public_html/wp-content/themes/astra wp-themes-inactive (6)

Storefront: version: 4.4.1, author: Automattic (latest version: 4.5.3)
Tempera: version: 1.8.1, author: Cryout Creations
Twenty Twenty-Four: version: 1.0, author: the WordPress team
Twenty Twenty-One: version: 2.0, author: the WordPress team
Twenty Twenty-Three: version: 1.3, author: the WordPress team
Twenty Twenty-Two: version: 1.6, author: the WordPress team wp-mu-plugins (2)

WordPress automation by Installatron: author: (undefined), version: (undefined)
WP STAGING Optimizer: version: 1.5.1, author: René Hermenau wp-plugins-active (25)

Akismet Anti-spam: Spam Protection: version: 5.3, author: Automattic - Anti-spam Team
Cryout Serious Theme Settings: version: 0.5.14, author: Cryout Creations
Custom Add to Cart Button Label and Link: version: 1.5.9, author: Coder426
Duplicate Page: version: 4.5.3, author: mndpsingh287
Elementor: version: 3.17.3, author: Elementor.com
Elementor Header & Footer Builder: version: 1.6.17, author: Brainstorm Force, Nikhil Chavan
FiboSearch - AJAX Search for WooCommerce: version: 1.26.1, author: FiboSearch Team
Google Listings and Ads: version: 2.5.11, author: WooCommerce
Hide Any Page: version: 1.0.1, author: Luis Reginaldo Medilo
Jetpack: version: 12.8, author: Automattic
Limit Login Attempts Reloaded: version: 2.25.26, author: Limit Login Attempts Reloaded
MailPoet: version: 4.35.1, author: MailPoet
PDF Embedder: version: 4.6.4, author: WP PDF Embedder Team
Pinterest for WooCommerce: version: 1.3.13, author: WooCommerce
Starter Templates: version: 3.4.5, author: Brainstorm Force
Ultimate Product Catalog: version: 5.2.13, author: Etoile Web Design
UpdraftPlus - Backup/Restore: version: 1.23.12, author: UpdraftPlus.Com, DavidAnderson
WooCommerce: version: 8.2.2, author: Automattic
WooCommerce Payments: version: 6.7.1, author: Automattic
WooCommerce PayPal Payments: version: 2.4.0, author: WooCommerce
WooCommerce Shipping & Tax: version: 2.4.0, author: WooCommerce
WPForms Lite: version: 1.8.4.1, author: WPForms
WP STAGING - Backup Duplicator & Migration: version: 3.1.1, author: WP-STAGING, WPStagingBackup
WP Super Cache: version: 1.11.0, author: Automattic
Yoast SEO: version: 21.5, author: Team Yoast wp-media

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1808
imagemagick_version: ImageMagick 7.1.0-62 Q16-HDRI x86_64 20885 https://imagemagick.org
imagick_version: 3.7.0
file_uploads: 1
post_max_size: 128M
upload_max_filesize: 128M
max_effective_size: 128 MB
max_file_uploads: 20
imagick_limits:
imagick::RESOURCETYPE_AREA: 172 GB
imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
imagick::RESOURCETYPE_FILE: 37500
imagick::RESOURCETYPE_MAP: 86 GB
imagick::RESOURCETYPE_MEMORY: 43 GB
imagick::RESOURCETYPE_THREAD: 1
imagick::RESOURCETYPE_TIME: 9.2233720368548E+18
imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, APNG, ART, ARW, ASHLAR, AVI, AVIF, AVS, BAYER, BAYERA, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUBE, CUR, CUT, DATA, DCM, DCR, DCRAW, DCX, DDS, DFONT, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FARBFELD, FAX, FF, FILE, FITS, FL32, FLV, FRACTAL, FTP, FTS, FTXT, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, HALD, HDR, HEIC, HEIF, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, J2C, J2K, JBG, JBIG, JNG, JNX, JP2, JPC, JPE, JPEG, JPG, JPM, JPS, JPT, JSON, K25, KDC, KERNEL, LABEL, M2V, M4V, MAC, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORA, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PHM, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, QOI, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGB565, RGBA, RGBO, RGF, RLA, RLE, RMF, RSVG, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, STRIMG, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TM2, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YAML, YCbCr, YCbCrA, YUV
gd_version: 2.3.3
gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
ghostscript_version: unknown wp-server

server_architecture: Linux 3.10.0-962.3.2.lve1.5.81.el7.x86_64 x86_64
httpd_software: LiteSpeed
php_version: 7.4.33 64bit
php_sapi: litespeed
max_input_variables: 3000
time_limit: 300
memory_limit: 256M
max_input_time: 120
upload_max_filesize: 128M
php_post_max_size: 128M
curl_version: 7.87.0 OpenSSL/1.1.1w
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: true
current: 2023-11-09T13:26:25+00:00
utc-time: Thursday, 09-Nov-23 13:26:25 UTC
server-time: 2023-11-09T21:26:18+08:00 wp-database

extension: mysqli
server_version: 10.6.15-MariaDB
client_version: mysqlnd 7.4.33
max_allowed_packet: 1073741824
max_connections: 200 wp-constants

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /home/jocelynk/public_html/wp-content
WP_PLUGIN_DIR: /home/jocelynk/public_html/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 256M
WP_DEBUG: false
WP_DEBUG_DISPLAY: false
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: true
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: Undefined
WP_DEVELOPMENT_MODE: undefined
DB_CHARSET: utf8
DB_COLLATE: undefined wp-filesystem

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
mu-plugins: writable jetpack

site_id: 220025786
ssl_cert: No
time_diff: undefined
version_option: 12.8:1699535990
old_version: 12.7.1:1698582279
public: Public
master_user: #1 musojo
is_offline_mode: off
is_offline_mode_constant: off
current_user: #1 musojo
tokens_set: Blog User
blog_token: 8dq6HT%QBtOZXpCgZ3Lq*xgFBkvX4dg)
user_token: FThhPxtCyl)b4XnOPLljEt@&6r#2AW6y
version: 12.8
jp_plugin_dir: /home/jocelynk/public_html/wp-content/plugins/jetpack/
plan: free
protect_header: {"trusted_header":"REMOTE_ADDR","segments":1,"reverse":false}
full_sync: {"started":"Wed, 14 Jun 2023 04:44:02 +0000","finished":"Wed, 14 Jun 2023 04:44:15 +0000","progress":{"options":{"finished":true},"functions":{"finished":true},"constants":{"finished":true},"users":{"total":"1","sent":1,"finished":true,"last_sent":"1"},"network_options":{"finished":true}},"config":{"options":true,"functions":true,"constants":true,"users":[1],"network_options":true}}
sync_size: undefined
sync_lag: 0 seconds
full_sync_size: 4
full_sync_lag: 21 weeks, 3 days, 8 hours, 3 minutes, 53 seconds
idc_urls: {"home":"https:\/\/jocelynkotchie.com","siteurl":"https:\/\/jocelynkotchie.com","WP_HOME":"","WP_SITEURL":""}
idc_error_option: false
idc_optin: true
cxn_tests: All Pass. wpforms

version: 1.8.4.1
lite: May 22, 2023 @ 3:36pm
upload_dir: Writable
total_forms: 1
total_submissions: 48

Thanks for the reply.

Please use this CSS code for the Product single page:

.single-product .catcbll_preview_button .catcbll {
    color: #fff;
    font-size: var(–font-size);
    padding: 10px 20px;
    border: 1px;
    border-color: #2EB8B8;
    border-radius: 4px;
    background-color: #2EB8B8;
}

You can paste it in the Appearance->Customize->Additional CSS or in the resp. Theme template used for the Single Product page.

Please try and let me know if it works for you.

Regards,

Thank you – unfortunately pasting the code into the additional css hasn’t made any difference and that particular button is still not displaying correctly. I’m not sure what the “resp. Theme template used for the Single Product page” is or how to paste the code into that … ?

• This reply was modified 1 year ago by musojo.

Hi there,

Thanks for the reply.

I can’t see the code I asked you to paste into your website on the front end.

If you are not sure about the Single Product Template, I will recommend you, please talk to your WP Tech guy and he will do that for you.

Once you have the code working on the frontend, it will resolve the issue you are facing.

Thanks