Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1336274

    I want to make the following customizations in the single blog template (Elegant):
    – Title: Font normal (not bold)
    – Line under the title: green (not gray)
    – Image: Image style no border radius
    Thanks for the help.

    #1336295

    Hey tanjatheiler,

    The title is not bold, so I’m not sure what exactly you are looking to change? Please try this in Quick CSS for the other two points:

    .html_elegant-blog .single-post .av-vertical-delimiter {
        border-color: green;
    }
    
    .html_elegant-blog .single-post .big-preview img {
        border-radius: 0;
    }

    Best regards,
    Rikard

    #1336312

    Hello Rikard
    You’re right. The title is not bold. But fatter than «normal». I think I should be able to change the setting from «default» to «normal».
    Can you give me the CSS?
    Best regards.

    #1336325

    Hi,

    Please try this CSS as well:

    .html_elegant-blog .single-post h2.post-title a {
      font-weight: 500;
    }

    Best regards,
    Rikard

    #1336338

    Sorry Rikard, but it doesn’t work.
    I copied the code into the Quick CSS on General Styling (see Screenshot). All three options are not adjusted.
    I’ve also done a hard refresh on the Webpage.
    Thanks for help.

    #1336345

    Now I see: it works when I click on the blog. However, not in the overview (Beiträge) and on the home page.

    #1336349

    Hi,

    The CSS I gave you will only apply on single posts, if you want it to apply globally, then you can edit the h2 element under Enfold->Advanced Styling.

    Best regards,
    Rikard

    #1336441

    Hi Rikard, thank you for your patience
    I assumed that the single blog settings in the post slider would also be adopted.
    Now I also need the following settings:
    – Line under the blog title: green (instead of gray)
    – Image Style no border radius
    Everything must also be visible in the post slider and on the post page.
    Kind regards.

    #1336483

    Hi,

    Thanks for the update. Please try this CSS as well:

    .avia-content-slider .slide-image img {
        border-radius: 0;
    }
    
    .html_elegant-blog .avia-content-slider .av-vertical-delimiter {
        border-color: green;
    }

    Best regards,
    Rikard

    #1336925

    Hi,
    Unfortunately, after pasting the code in the Quick CSS, the corners are still rounded. See page Home and Posts.
    Best regards,
    Tanja

    #1336965

    Hi,

    Please try this CSS instead:

    .avia-content-slider .slide-image, .big-preview img {
        border-radius: 0;
    }

    Best regards,
    Rikard

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.