Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 3, 2018 at 3:10 pm #1005006
    smoothbob

    Hi

    I want to restyle the excerpts from how they currently look on the page:

    Homepage

    to this:

    http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/09/Untitled-2.png

    so lose the background, remove the padding and the arrow and centre the text.

    hope you can help, many thanks

    September 3, 2018 at 5:18 pm #1005067
    Victoria

    Hey smoothbob,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#av-tab-section-1 .grid-content, #av-tab-section-1 .avia-arrow {
    background-color: transparent;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 3, 2018 at 7:15 pm #1005131
    smoothbob

    Hi

    how can I center the text under the flag icons?

    thanks

    September 3, 2018 at 7:18 pm #1005132
    Yigit

    Hi,

    You have following custom CSS code

    .grid-entry-excerpt {
    font-size: 15px !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    text-align: center:!important;
}

    please change it to following

    .grid-entry-excerpt {
    font-size: 15px !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    text-align: center!important;
}

    Best regards,
    Yigit

    September 3, 2018 at 8:08 pm #1005147
    smoothbob

    great thanks, how can I can the selected/active state?

    September 3, 2018 at 8:16 pm #1005149
    smoothbob

    Hi again

    its not necessary, you can close the thread thanks!

    September 3, 2018 at 10:04 pm #1005192
    Basilis

    Hi,

    Thank u!

    Best regards,
    Basilis

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Excerpt styling’ is closed to new replies.