Changing styles for Shortcode use

  • djcrowley

    (@djcrowley)


    8 years, 5 months ago

    I customized some styles using the Widget interface, and I would like to reproduce those changes on a page that uses the shortcode. For a simple example, I want to change the h3 font-weight. Can a new style be passed via the shortcode? What is the recommended approach?
    In the thread about “Different styles per widget area“, the answer was to use a CSS ID. This approach might work for my needs, but I don’t know where I should define these new styles. E.g. should I edit the $css_defaults block in the functions.php file? I am a novice at understanding WP styles hierarchy, so if possible please be clear about which file to edit thank you.

Viewing 1 replies (of 1 total)
  • Thread Starter djcrowley

    (@djcrowley)

    8 years, 5 months ago

    Update: Here’ a solution based on a CSS ID, in this case “#rpwe_mystyle”. Please critique if there’s a better way:

    1. Add a style definition to the main style.css of your child-theme e.g. 

    #rpwe_cdasr.rpwe-block h3{
    ...include all the plugin's attributes...;
    font-weight: 700;
}

    2.In the [rpw] shortcode, include “cssID=rpwe_mystyle”

Viewing 1 replies (of 1 total)

The topic ‘Changing styles for Shortcode use’ is closed to new replies.

Tags