Support » Theme: Expound » CSS span

  • Ray Davies

    (@ray-davies)


    HI, how can I assign a shaded box background to a particular paragraph?
    Cheers guys

Viewing 4 replies - 1 through 4 (of 4 total)
  • CrouchingBruin

    (@crouchingbruin)

    Are you using an image as the background or are you going to apply a CSS gradient?

    Basically, you are going to assign a class to any paragraph where you want this special background. For example:

    <p class="box_background">Blah blah blah</p>

    Then you would define a CSS rule that applies to elements which have that clsss:

    .box_background {
       background-image: url('/images/shaded_box.jpg');
    }

    The above rule would set the background image of all elements having a class of box_background to the image pointed to by the url value.

    CrouchingBruin

    (@crouchingbruin)

    Maybe I misunderstood your question: there’s also a technique for drawing a shadowed box around your paragraph; is that what you are asking, and not using an image in the background?

    And as a side note, Expound doesn’t have a Custom CSS option, so if you want to add CSS, you’ll need to either create a child theme or use a CSS plugin (easier).

    Thread Starter Ray Davies

    (@ray-davies)

    Hi CrouchingBruin, thanks for taking the time. I want to use css and just use a rule to make certain paragraphs, or page sections, a different shade, sort of like a highlight. No image, just a border & a background colour. I have a child theme, I’m just not sure how to deploy the css

    CrouchingBruin

    (@crouchingbruin)

    I have a child theme, I’m just not sure how to deploy the css

    That’s easy, just add it to the end of your child theme’s style.css file, after the import statement.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS span’ is closed to new replies.