I’ve had a look at how to make a new block (using the api and the example plugin), and that helps me with part of my issue, the other is that I need a block that has a non-standard title styling. From what I can see, the title code is shared across all blocks. I could probably get away with simply hiding the block title as well…
Any pointers?
To be clear, this is the h4 title with the class “block-title”.
Hello sporkhc,
If you want to hide a block title you have to use a bit of CSS to hide it. Please try the code below and add it in Theme panel->Custom CSS area like this -> http://screencast.com/t/Vhqr66pCMChx
The code is ->
.block-title {
display:none;
}
If you want to hide the title only for a block, you have to target it and put it before the above code that I gave you. (for example .td_block_1)
Please notice that you have used Ajax filter from Blocks settings you have to do a bit of CSS to increase the padding top of the block for a better look. (-> padding-top: 32px)
If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Hope this helps!
Thank you for the message!
That makes sense, but I need to target only one specific .block-title. Is there a way to just target the title in a single block?
I see this class in the div surrounding the block:
<div class="td_block_wrap td_block_14 td_uid_1_56a5680a2622f_rand td-pb-full-cell td-pb-border-top">
The “td_uid_xxxx” changes on every page load, so I can’t use that.
Thanks
Hello sporkhc,
I understand what you mean. Unfortunately, our theme does not have such an option and you cannot use these id’s because it change all the time. The single way is to use a single row for each desired block used by you and you should give the extra class for each row like this -> http://screencast.com/t/0trXhTRbdf and then you can use this class to apply custom CSS to hide it.
Hope this helps and let us know how it goes!
Thank you for the message!
That’s cool, thanks!
I found another simple method – in the color picker for the title/background, I set both to white and the opacity to 0. That made the title disappear.
I was able to tweak the margin of the item above to close the gap. Done and done. 🙂
