Home Forums Pro Themes Elead Pro Blog page main image / Gray frames in page-post's header

This topic contains 7 replies, has 2 voices, and was last updated by  wensolutions 5 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #87145

    ctrasvina
    Participant

    Hello, Support:
    I have two problems to finish setting up our website with Elead Pro:
    1. The Blog page displays as featured image, the one in the last post published. I want to set there the image defined as featured image in the Entrys Page. Is it possible?

    2. The gray frames in the header of pages & posts (over the image) is darker than we need it, and would like to turn it to a clearer gray, or more transparent. How can we do that?
    Thanks for the help.

    #87166

    wensolutions
    Keymaster

    Hello @ctrasvina,

    Actually, we are not quite clear with the first query so, please explain it properly so that we can help you further.

    Now coming back to the second query, add below-given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    .page-detail {
        background-color: rgba(0, 0, 0, 0.3);
    }

    Hope this helps.

    Regards!!

    #87404

    ctrasvina
    Participant

    Thanks for your answer. The second query was usefull and we solved the issue. Now, I’ll try to explain the first one:
    We are building a site using Elead Pro. When we finished the site, we noticed that the Blog Page (the one that displays the last posts in the blog) shows as featured image (in the header below the main menu) the image placed in the last post published in the blog section. This image changes everytime you publish a new post in the blog.
    We prefer the Blog Page to display the featured image of the Blog Page itself, captured in the Entrys Page, and is shown in slider.
    Hope this explanation is clearer.

    #87422

    wensolutions
    Keymaster

    Hello @ctrasvina,

    In the header of the blog page, whatever the image is uploaded by going to Admin Panel > Appearance > Customize > Header Image is displayed.

    Screenshot:

    http://prntscr.com/lwstvg

    Regarding the blog post, the recently added blog post from the Admin Panel will be displayed at the top of the blog post and this how the standard theme works.

    If you want to switch the displaying position of the blog post then you can use the third party plugins which will allow you to drag the position of the blog posts so that you display the posts as per your requirement.

    Hope this helps.

    Let us know if you have any confusion further.

    Thank you.

    Best Regards!!

    #87444

    ctrasvina
    Participant

    Thank you, but in our deployment it works different, believe me… We designed a different image for each Category page, but the Blog page shows last post’s image, not the header image.
    Watch screenshot: “Actualidad” is the name of the Blog page, and dispalys the last post photo (the circle in the upper part)
    http://prntscr.com/lx2lwh

    #87462

    wensolutions
    Keymaster

    Hello @ctrasvina,

    If you have installed any third party plugin then please deactivate and verify the issue and also can you please provide your site URL so that we can inspect and find out the issue?

    Thank you.

    Regards!!

    #87465

    ctrasvina
    Participant

    Thanks for everything. We Will seek for this plugin.
    The URL of the site is: http://spm.mx/2018/ , still hidden to Google.
    Tx a lot.

    #87495

    wensolutions
    Keymaster

    Hello @ctrasvina,

    The issue is quite unlikely to happen. Please let us know if you have made any code customization or not?

    As for now, we have provided the CSS using which you can either remove the image or change the image.

    CSS to remove the image:

    section#header-featured-image {
        background-image: none !important;
    }

    CSS to change the image.

    section#header-featured-image {
        background-image: url(http://spm.mx/2018/wp-content/uploads/2018/12/Imagen-para-Artículos-360x300.png) !important;
    }

    Change the URL with your image URL.

    Hope this helps.

    Regards!!

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

You must be logged in to reply to this topic.