• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Where to add this code in style .css

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Where to add this code in style .css

This topic is: not resolved
  • This topic has 5 replies, 3 voices, and was last updated 12 years, 9 months ago by robjan80.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 26, 2013 at 3:13 pm #37949
    robjan80
    Member

    Do you know where I would insert this code.  I was told to add it to my style.css  file. I am using the agency theme.

     

    .soliloquy-caption-inside { background: transparent !important; filter: none !important; -ms-filter: none !important; }

    April 26, 2013 at 3:23 pm #37953
    AnitaC
    Keymaster

    Just paste that at the bottom of the style.css file and save it.


    Need help with customization or troubleshooting? Reach out to me.

    April 26, 2013 at 3:33 pm #37958
    robjan80
    Member

    Thank you...Now I am trying to get the captions of the soliloquy slider to the right. Here is what they said to do

    From there, you could enter this in your style.css file to have text to the right of your images. Set the slider the size you want it to be with both the text and image in the slide, and then do this in the style.css file:

    .soliloquy-item-image { max-width: 60%; }
    .soliloquy-caption { max-width: 40%; left: auto !important; bottom: auto !important; right: 0 !important; top: 0 !important; }

    I entered this code at the bottom as well but nothing changed.

    April 26, 2013 at 4:22 pm #37964
    marybaum
    Participant

    Can you post a link to your site?


    Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀

    April 26, 2013 at 4:25 pm #37965
    robjan80
    Member

    Sure...but it's a work in progress.

    http://www.bobtheblindguyinstallations.com

    April 27, 2013 at 1:30 pm #38108
    robjan80
    Member

    Now the caption is showing at the top of the image.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble