New Landing How can we help? Atelier Need Simple CSS help on Block Quote

Viewing 10 posts - 1 through 10 (of 10 total)
  • Posted in: Atelier
  • #199280
    ninesolutions
    Member
    Post count: 192

    Hello,

    I need some simple CSS help on the block quote. I am using “block quote big”. Currently the grey bar at the left side of the block quote is not coming out, and i would also like to change the font style and color of the block quote.

    Thanks and appreciated!

    #199289
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Add this to your custom css:

    .page-content blockquote {
      border-left: 5px solid #eee;
      font-size: 17.5px;
      margin: 0 0 20px;
      padding: 10px 20px;
    }

    – Kyle

    #199290
    ninesolutions
    Member
    Post count: 192

    Thanks Kyle,

    Sorry i inputted the CSS but it is still not appearing. Am i missing something? I am using the Big block quote (block quote 3 i guess) Could you help me with the text color of the block quote too? Really appreciated ๐Ÿ™‚

    #199294
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    It’s because you haven’t put a closing tag on this css rule:

    .spb-row-full-width .col-sm-12>div>.title-wrap {
        text-align: center;
        margin-top: 0px;
        margin-bottom: 0px;

    – Kyle

    #199306
    ninesolutions
    Member
    Post count: 192

    Thanks so much Kyle!

    Appreciate your help for looking into it. Would you mind helping me to take a look at this issue:

    I am trying to reduce the spacing between the the title wrap (image here: http://i.imgur.com/1lA4bng.png), but i only want it to be on the product carousell widget. Am i able to do that? i tried the code below but they will affect all widgets. Thanks!

    .title-wrap.clearfix {
    margin-bottom: 0px;
    height: auto;
    overflow: hidden;
    }

    #199316
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You should add the title to the carousel asset itself, rather than having a text box above it

    – Kyle

    #199329
    ninesolutions
    Member
    Post count: 192

    Hi Kyle,

    Unfortunately i cant do that as the text style and font will appear different: http://i.imgur.com/d4Eror8.png

    The text box seems to be my best choice in keeping the title font consistent through the site.

    Is there any CSS modification to just reduce the spacing about the carousel asset?

    Thanks for looking into it ๐Ÿ™‚

    #199334
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hmm not really because this is the title wrap area: http://d.pr/i/12luE/3dtclZIC

    And then the rest of the white space is from the images: http://d.pr/i/1co0Q/1D2jDItB

    – Kyle

    #199442
    ninesolutions
    Member
    Post count: 192

    I see, Thats Kyle! Appreciate your help!

    #199501
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    No problem. Thanks Kyle
    -Rui

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register