Are you using a child theme? If so, look in your child theme’s style.css
file and find the blockquote styles and change the code to something like below, or add the custom CSS into any additional CSS areas that may be included in your theme’s Customizer options to override the stylesheet.
To take inspiration from the referenced example, you can do something like…
blockquote {
background-color: black;
color: white;
border-radius: 4px;
font-size: 2rem;
font-style: italic;
}
Note that the code above doesn’t include the quote character in the background. There’s a couple of approaches to accomplish that—either using a background-image
+ background-position
, or using a ::before
pseudo-element (depending on what icon fonts you’re using).
Related Posts:
- Using tabs for wordpress plugin
- How to add page using HTML, CSS and JS?
- How Do I Figure Out What File(s) to Edit from Looking at the Source Code [closed]
- how to access all user dashboard on fronted page [closed]
- Images under 1MB are not being compressed
- insert an html tag using php plugin
- Why is adoptStyles-css stylesheet link added to every page?
- Theme deactived html and css styling on home page posts
- inserting custom css, html and js into the current page as a popup window
- Overriding inline !important CSS with Javscript code snippet with media query
- make p tag collapsed after 3 rows
- General Term for this form Field
- How to change the width of certain paragraph or header blocks?
- Edit the stylesheet of a child theme
- How to remove a css class for any wordpress page
- Possible jquery / library conflict in plugin usage
- Element works, but not on wordpress site [duplicate]
- Trying to disable all notifications except for one on woocommerce checkout page with css [closed]
- Option value not getting updated until page refresh in WordPress
- How to create a “Most Popular” & “Latest” TAB in WordPress
- How to change css poperty through webhook in wordpress
- WPBakery JS composer unused css [closed]
- How to tie dark mode with prefers-color-scheme webkit? [closed]
- Creating custom HTML pages
- Trouble with plugin styles in admin area of WordPress
- Add a CSS class based on categroy id to archive pages
- Changing “elapsed time” to “time remaining” on MP3-jPlayer audio player with CSS or PHP changes
- Child Pages Short Code plug-in and hover capabilities?
- WooCommerce: Building a page with user input which is used to query order status and external API and return a result
- Removing included CSS file that doesn’t exist
- How to hide CSS by default and show on button press
- (Sticky Row) How do i make a row sticky in wpbakery page builder?
- How to create an input field, and base the output on spreadsheet data? [closed]
- WordPress plugin output formatting
- How can i get the post’s full html source by its ID?
- What would I need to write into a custom plugin in order to add a switch for a custom string of CSS to the edit page?
- Bootstrap and Custom CSS in custom plugin are being overwritten by theme
- Blog titles from WP blog on plain html site?
- Frontent user submit and view content [closed]
- Ajax Search Lite: Customize Autoscroll
- Delete mobile menu button [closed]
- Widgets Scripts don’t load – but load when I reload the page
- html generated by theme exist but doesnt appear in browser
- Ability to automatically redirect a URL
- How to insert HTML/JavaScript form into WordPress page? [closed]
- How to get DEFER or ASYNC attribute to appear when I add a stylesheet with wp_enqueue_style from a plugin? [duplicate]
- WordPress putting “rn” in every line break?
- Which filter affects the ‘entry-title’ post class
- plugin shortcode output
- Adding CSS to custom post type admin page causes error
- How to use my menu PHP code as sidebar?
- Redirect to another page using contact form 7? [closed]
- How to include this jQuery File in wordpress?
- Edit External CSS
- Stop Plugin from Getting Styles from Other Plugin
- How do I use add_action on custom widget?
- Why Do I get “wp_remote-get: could not handle for fopen()”?
- How to apply next/previous classes to LIs for pagination links?
- Override plugin styles via my custom theme
- How to add CSS via custom plugin?
- How to Loop Through all Posts and Count Attachments using Get Media Attachments
- Plugin Theme CSS [closed]
- Full list of registered scripts or styles, but from an admin options page
- Overwrite a plugin’s CSS?
- Combining several CSS files into one for optimization
- How to add a dvi tag to a shortcode then change a generated text using jQuery
- how to prevent all css and javascripts files from loading
- Front-end CSS Library for plugin [closed]
- Hide a Menu Item on Login
- Infinite scroll messing up nth:of-type
- How can I exclude a dynamic URL to show a popup created using ‘WordPress Popup’ plugin
- Wooslider custom css
- Basics of changing plugin output
- Minimizing scripts & css files that plugins add
- Making that Admin Bar transparent or a blue color
- How to execute a plugin on a single page only?
- how to insert a HTML form into a javascript popup?
- How to limit image size for the entire website ? But without editing the post (css/plugin?!)
- Adding Plugin Assets to Header
- Any idea how to get something like this to work? [closed]
- Skewed / slanted button within elementor [closed]
- plugin dev – minimum base css specificity?
- WordPress Plugin Insert Html Code with Shortcode
- “uagb/section and uagb/columns block”
- get specific value of a array | PHP
- How to make a dynamic css class whose name changes every visit to confuse scraper
- Moving Jetpack buttons to appear below the first H2 title on all project/post pages [closed]
- Override/ignore CSS from active theme as not to interfere with my custom CSS
- Readable titles in mobile
- Is there a way to convert shortcodes to html content?
- the_content() printing DOCTYPE, and tags in the middle of page
- Historical customisations won’t go away [closed]
- Flickering sidebar when scrolling page [closed]
- adding Adsense’s In-Article Ads between images of blog post
- Is there a way to remove a tooltip of a plugin via custom CSS? [closed]
- Adding a responsive grid onto a page (without using a Bootstrap theme) [closed]
- change or add css to theme from plugin
- File Uploader – Upload without adding to Media Library
- Wierd site output [closed]
- Add logo to admin menu in my plugin