Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 19, 2017 at 7:22 pm #796721
    KateStuartDesign

    Hi. Please can you tell me the css I should use to change the width and colour of the

    line that is to the next of the text. Also the padding between the line and the text. Thank you.

    May 20, 2017 at 4:00 am #796901
    Mike

    Hey Kate,
    It would be better to customize the code for your url, but this is the basic width & color, just add padding to it too if you want.

    .blockquote { border-left: 5px solid #e1e1e1; !important; }

    Hope this helps :)

    Best regards,
    Mike

    May 21, 2017 at 11:08 am #797174
    KateStuartDesign

    Thanks Mike – this changes all H1 tags rather than the block quote….. (I have included a link to my URL – its the “quote” below the picture on the left I want to change…)

    May 21, 2017 at 2:37 pm #797185
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .page-id-22 .main_color blockquote { 
    border-color: #000 !important; 
    border-left-width: 17px !important; 
}

    The “.page-id-22” sets the changes for only that page, you can changes the color & width to suit your needs.

    Best regards,
    Mike

    May 22, 2017 at 10:42 am #797524
    KateStuartDesign

    Thanks Mike – that worked.

    May 22, 2017 at 11:10 am #797542
    Nikko

    Hi,

    Glad that Mike helped you! Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Blockquote line’ is closed to new replies.