WCPS layout builder custom (scripts) CSS fails

  • Resolved erniecom

    (@erniecom)


    4 years, 2 months ago

    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

    (@pickplugins)

    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

    Regards

    Thread Starter erniecom

    (@erniecom)

    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.

Tags