Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3018761
add my own block quote style to the theme
Closed

Comments

  • maverick728 started the conversation

    Hello,


    I would like to add my own blockquote style to the theme. 

    please advise how can i go about it. 


    Thank you

  •  2,610
    PenciDesign replied

    Hi,

    1. Add the custom CSS code to Appearance → Customize → Custom CSS. For example:

    .block-quote-style-1 {
        
    }

    2. Add the blockquote style to your post:

    <blockquote class="block-quote-style-1">Text here</blockquote>

    You need to have a little knowledge about HTML/CSS to custom the blockquote style.

    Regards,
    PenciDesign.


  • maverick728 replied

    beautiful. thank you as always.


    i will check this

  • maverick728 replied

    Hello, 

    I tried creating a class in custom css, but it did not work

    i even tried to create classes <blockquote class="blockquote"> and <blockquote class="block-quote-style-1"> (with different names but it did not work).


    i get the following results

    <blockquote class="block-quote-style-1">Horticulture is a science and technique of production, processing and merchandising of fruits, vegetables, flowers, spices, plantations, medicinal and aromatic plants.</blockquote>
    <blockquote>Horticulture is a science and technique of production, processing and merchandising of fruits, vegetables, flowers, spices, plantations, medicinal and aromatic plants.</blockquote>
    <blockquote class="blockquote">Horticulture is a science and technique of production, processing and merchandising of fruits, vegetables, flowers, spices, plantations, medicinal and aromatic plants.</blockquote>
    

    i tried to do it in all the possible combinations i could think of as you can see above. but all i see is the same text in the website.

    4248603682.pngmy current settings can be seen in the screenshot.
  •  2,610
    PenciDesign replied

    Hi,

    Please send me a post URL you've added this code.

    Regards,
    PenciDesign.


  •   maverick728 replied privately
  •  2,610
    PenciDesign replied

    Hi,

    You've added the blockquote in the wrong HTML format, so it can't display as you've defined.

    rUtwny1.png

    Please move the blockquote code outside of the pre tag then check again.

    Regards,
    PenciDesign.