Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #803477

    Hi,
    on my blog overview page https://www.fitgutschein.de/blog-1/ I would like to:
    – increase the space between categories and headline
    – delete the small grey bar below the headline

    Furthermore, the area with the publishing date is right in the middle between 2 teaser texts – it is not clear if this area is related to the one above or below.

    Ideally, it would be possible to have one info area only either above each headlineor below each teaser text such as:
    Veröffentlicht am <date> mit den Kategorien <cat1>, <cat2, …

    Are there any CSS additions which would allow this?

    • This topic was modified 7 years, 6 months ago by oestersund.
    #803504

    Hey Tilman,

    Please try the following in Quick CSS under Enfold->General Styling for you first two questions:

    
    .html_elegant-blog #top .post-entry .post-title {
      padding-top:20px !important;
    }
    
    .entry-content-wrapper .av-vertical-delimiter {
      display:none !important;
    }

    Best regards,
    Rikard

    #804395

    Hey Richard,
    thx – bit this seems not to have the effects wanted:

    Do you have any other ideas?

    Best regards Tilman

    #804449

    Hi Rikard,
    I´ve changed now the blog layout towards “default” which leads to a better fit acc. to my request. 2 minor adjustments would be great:

    1. increase whitespace between picture an headline

    2. increase whitespace between “read more” and next blog post

    thx a lot, Tilman

    #805224

    Hi Tilman,

    I got a 404 on that page. Did you remove it? Or you need to give us temporary admin access to your website in the private content box below, so that we can have a closer look.

    Best regards,
    Victoria

    #805226

    Hi Victoria,
    sorry, in the meanwhile it´s https://www.fitgutschein.de/blog. :-)

    Cheers, Tilman

    #806728

    Hi,

    Please look for the following css codes.

    .html_elegant-blog .entry-content-wrapper .big-preview.single-big {
        margin-top: 20px;
    }
    
    .html_elegant-blog .template-blog .post_delimiter {
        margin: 0 0 20px 0;
        padding: 20px 0 0 0;
    }

    Adjust the default values (“20px” and “0 0 20px 0”).

    Best regards,
    Ismael

    #807912

    Thx Ismael,
    I put it in the CSS; but it has no effect – no difference if I take “0” or “200” instead of the “20” values..

    Futerhmoren: Is there a code to delete the delimiter (assuming this is the small grey horizontal bar)?

    #808834

    Hi,

    Did you remove the browser cache or hard refresh before checking the page? Please post the login details here and we’ll adjust the values.

    Best regards,
    Ismael

    #811414

    Hi Ismael,
    yes, I did. You´ll find the relevant CSS part at the end

    Pls find login details below.

    thx for your help & best regards Tilman

    #812888

    Hi,

    Thank you for the info. The login credentials are not working. Please check it.

    Best regards,
    Ismael

    #814511

    sorry, Ismael,

    pls try now with the PW below

    Cheers, Tilman

    #814817

    Hi,

    We set the bottom margin of the delimiter to 200px.

    .html_elegant-blog .template-blog .post_delimiter {
       margin-bottom: 200px !important;
       padding: 0;
    }
    

    Please purge the plugin cache after adjusting the css values.

    Best regards,
    Ismael

    #815310

    Dear team,
    thx a lot , can be closed

    #816119

    Hi,

    Alright. Please feel free to open a new thread if you need anything else. :)

    Best regards,
    Ismael

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘adjust blog overview layout’ is closed to new replies.