Hi,
I would like to hear your advice.
Currently I use Block20 for the featured post on my website. Unfortunately this block looks only good if I have no sidebar. If I put that block together with a sidebar, too much of the featured image is covered by the white text background (I don’t want to reduce the length of my headlines).
I would like to keep a large block with headline below image and excerpt text. Preferable were the headline and text background only covers a little of the image or not at all (completely below image). None of the existing blocks meet these requirements.
What would be the best way to achieve this? I know you don’t have the time to do customization here but perhaps you can hint me in the correct directions.
Any easy/quick css to change the look (shifting headline and excerpt down or so)?
Are there anywhere additional blocks for download (for sale?)?
Is there an easy way to edit the blocks? (block editor?)
Do you recommend to hire a customizer (eg from fiveer)?
What would the customizer need to do? Child theme? Creating new block or changing existing block?
Kind regards
Paul
Hello Paul Walter,
Please provide your website URL with the specific link where the problem appeared so I can further inspect the issue and also, so I will be able to provide a more accurate response.
Thanks for your understanding!
Here is the link: http://www.scienceprism.com/
You can see, that the headline and the excerpt cover too much of the image of the feature post (first post).
Is there a way to shift that headline down a little or completely below the image?
(on mobile its even worse, hardly anything of the image is visible)
Hello Paul Walter,
Please notice that this is the theme behaviour when it used this type of post template. Please notice that if you want to change the structure of this block you will have to do it only through additional customization and this involve custom work. Also, if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
As a hint, you can use the following code and place it in Theme panel->Custom CSS area.
The code is ->
.td_block_20 .td_module_14 .td-module-meta-info {
bottom: -100px;
}
.td_block_20 .td_module_14 .td-excerpt {
padding-top:100px;
}
The result you should see here -> http://screencast.com/t/5nCpiyRYcT
Hope this helps!
Thanks for your understanding!
Great, this was exactly what I was looking for. Works perfectly.
Thank you so much!
Hello Paul,
I am glad that I could help!
Thanks.
