Support Center Visit Demo License manager Buy @ envato

Two questions related to the header on the blog

panobpanob
edited December 12 in Theme support

Good evening Support,

I have two questions related to blog configuration:

1) I placed a Slider (Revolution) in the header of the news page, but now the news listing is touching the slider. How do I add a space there?


a35e64f2-5769-47ce-981d-18369b9aeda1.png


2) How do I configure the theme so that all articles/news have the same background image in the header and the title continues to be displayed dynamically on top of the new background image?


780147b5-3da6-47a1-8cf1-aa2a83c1ba11.png


Thank you

Comments

  • PhilPhil

    Hi,

    1) Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

    2) You can set up a Subheader image for each post in Post Options:

    image.png

    Or you can write a custom CSS code that will assign the same subheader image to all posts.

    If you need help with writing that, let me know, but I will need a link to your website.


    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • panobpanob
    edited December 13

    1) Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

    Here it is: https://remora.arditi.pt/news-and-events/


    2) Or you can write a custom CSS code that will assign the same subheader image to all posts. If you need help with writing that, let me know, but I will need a link to your website.

    Yes please. This is a link to a article on my website:

    https://remora.arditi.pt/removing-the-obstacles-to-become-horizon-europe-champions/

  • PhilPhil

    1) Use this CSS code:

    .blog #Content{
 padding-top: 100px;
}

    2) Use the following CSS code:

    .single-post #Subheader{
 background-image: url(#);
}

    In place of # put your image link. Put these CSS in Betheme -> Theme options -> Custom CSS & JS -> CSS.


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • panobpanob
    edited December 13

    The CSS code referring to question number 1 solved the problem. Thanks

    Regarding question number 2, the header image is only halfway through the header:


    d0297298-3ab1-4374-861e-c1d6ee820b34.png


  • PhilPhil

    Please go to Betheme -> Theme options -> Header & Subheader -> Subheader, and set up a higher top padding:

    image.png

    Also reduce height value in Betheme -> Theme options -> Header & Subheader -> Header:

    image.png

    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.