Title: WCPS layout builder custom (scripts) CSS fails
Last modified: December 4, 2020

---

# WCPS layout builder custom (scripts) CSS fails

 *  Resolved [erniecom](https://wordpress.org/support/users/erniecom/)
 * (@erniecom)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/wcps-layout-builder-custom-scripts-css-fails/)
 * I tried to customise my layout with CSS :
    `.layout-__ID__ .wcps-items-title {
   font-size: 200%; font-weight: 500; }`
 * It fails to be included. My lay-out is therefore not reusable because I have 
   to this correction in the theme CSS now, for each instance of this layout.
 * I wonder as well why all layout items are left aligned:
 *     ```
       .layout-7571 .element-1607102505110 {
           text-align: left;
       }
       ```
   
 * Because of this the only way out I see is:
 *     ```
       .layout-7571 > div > div {
           text-align: center !important;
       }
       ```
   
 * .. with the ugly !important which neither is reproduced when I include it the
   layout.

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

 *  Plugin Author [PickPlugins](https://wordpress.org/support/users/pickplugins/)
 * (@pickplugins)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/wcps-layout-builder-custom-scripts-css-fails/#post-13751044)
 * Please try following class selector
 * `.__ID__ .wcps-items-title { font-size: 200%; font-weight: 500; }`
 * `__ID__` will be replaced by `layout-123`
 * also please check there is already an option for text align for some element,
   expand to see the element options
 * > [View post on imgur.com](https://imgur.com/ixfDQSm)
 * Regards
 *  Thread Starter [erniecom](https://wordpress.org/support/users/erniecom/)
 * (@erniecom)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/wcps-layout-builder-custom-scripts-css-fails/#post-13754138)
 * Thanks for the prompt response. You are right, I should have read the instruction
   under the textarea better. Still imho it would help when __ID__ works consistently
   because in the WCPS the variable only is only the number, without the name.

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

The topic ‘WCPS layout builder custom (scripts) CSS fails’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce-products-slider/assets/icon-256x256.png?rev=
   3297751)
 * [Product Slider, Product Grid, Product Masonry](https://wordpress.org/plugins/woocommerce-products-slider/)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce-products-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce-products-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce-products-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce-products-slider/reviews/)

## Tags

 * [Bugreport](https://wordpress.org/support/topic-tag/bugreport/)

 * 2 replies
 * 2 participants
 * Last reply from: [erniecom](https://wordpress.org/support/users/erniecom/)
 * Last activity: [5 years, 6 months ago](https://wordpress.org/support/topic/wcps-layout-builder-custom-scripts-css-fails/#post-13754138)
 * Status: resolved