Proudly creating my own website, using the Bento theme. My first draft contained a header, which needed a title (or button) to work well. I found out I could use the Hero widget, because I wanted to get rid of the title. It took some fiddling, but the Hero image replaces the header now.
There is only one problem: the heads of the people in the picture are shaved off, whilst there is almost a centimeter grass beneath their feet. When the header was just a header (and no Hero widget), it took much better proportions. (This is still visible in the english version – click English).
How do I get my Hero widget to work as nicely as the original header did?
With greetings from the Netherlands, Annemieke
]]>I tweaked my Ascension header with Additional CSS to decrease the width, and I moved the hero text around as well. I’m afraid my CSS for this may have been a little slap-dash, but it worked.
I knew changing the hero would make it not responsive, however I can’t seem to find a way to move the text so that it isn’t out of place on a mobile screen. The hero text is too high, with one line above the hero image and overlaying our logo.?I’m viewing the site on my iPhone Xs, if that makes a difference.
I’ve tried to move the mobile hero text with:
@media only screen and (max-width: 42em) {
.hero .widget.widget_text p {
font-size: 1.8em;
}
}
but adding any padding or positioning is only moving the button, not the text. Any help is appreciated! Thanks in advance
]]>I’m sure there is a simple css solution to this issue, but I cannot find it anywhere.
Thank you in advance.
]]>Thank you very much for your help1
]]>I’m trying to create a clean page with a hero bar right under a thin top menu bar.
Like this: https://siteorigin.com/theme/clearly/?action=demo#focus
Or this: https://layouts.siteorigin.com/layout/beautifully-baked/
The problem I’m experiencing is that there always a bit of clutter that gets in the way: the page title and the top bit of the content box. The best way to illustrate it is probably for me to copy the ‘beautifully baked’ widgets onto my page and take a shot:
https://viewanda.com/wp-content/uploads/2016/09/Screen-Shot-2016-09-20-at-15.34.50.png
Do you see at the top in the centre where it says ‘Home Page’ in big letters? And under it the white square that sticks up into the black stripe? I’d like to sort that out.
How do I remove the title?
How do I either remove the white box or post or insert a hero widget above it so it doesn’t overlap the black stripe.
Your help is much appreciated.
]]>