You could, but would need some coding experience to achieve that result. When I created this theme, the curve was just meant to be part of the front page showcase only.
Hi, I found the css codes for the curve and it looks like I need to make the css codes for each banner. However it might just be easier to make a curve in all my images. I haven’t decided yet.
Thanks
Kimberly
Hi, I have a two part questions.
1) Can the curve be put in all images using CSS?
If no, they how do I remove the curve so all images are straight?
If yes, what am I doing wrong?
Under /* banner showcase group */
Why am I doing wrong to make all the banner curve
#st-banner1-wrapper {
position: relative;
border-top: 10px solid #da2525;
z-index: 1;
}
#st-banner1-curve {
max-height: 70px;
position: absolute;
width: 100%;
bottom: -5px;
z-index: 2;
}
Thanks
If I understand your first question, you are wanting to put the curve on the images themselves? If so, this would be done with an image editing program. To remove the curve, there is a theme option setting under the Header Image Settings…
Appearance >> Customize >> Header Image >> Hide Front Page Showcase Curve
Hi, I’d rather use CSS to put curves on all the pages. But if that can’t be done then I will make my own curved images.
Is there a way to make curves on all the images used CSS?
Thank you
Are you using a child theme for your site?
Not at this time but I can easily switch to a child theme.
I normal use custom css plugin.
It sounds like you want the curve on every page. To achieve this, you can move the source code for the curve to the banner location in the theme file header.php that can be copied over to the child theme then modified. Using a custom CSS plugin is great for CSS only changes, but for actual code changes in theme files, then it’s best to use a child theme instead so you can keep getting updates and not lose your custom stuff.
This theme has a child theme available in a folder “child-theme” which is a zip file you can install.
In the header file, copy this:
<div id="st-banner0-curve"><img src="<?php echo get_template_directory_uri() ; ?>/images/showcase-curve.png" alt="banner curve" /></div>
Than paste it just below this:
<!-- .widget-banner2 -->
Then do custom CSS like this:
#st-banner1-wrapper {
position: relative;
}
You will still need to use the WP header to load an image in the front page or you can do a widget in the “showcase front page” widget position. The rest of your site pages, you can load images in a widget for the Banner widget position.
First thank you for your help. You support is so great that I’m considering buy the pro themes you offer.
This is what I keep getting – https://dl.dropboxusercontent.com/u/53910208/Screenshot/WEC-education-screenshot.jpg
The curve is upside down in the middle of the page.
I took the header.php for the main theme and added
<div id="st-banner0-curve"><img src="<?php echo get_template_directory_uri() ; ?>/images/showcase-curve.png" alt="banner curve" /></div>
followed by – I tried this both above and below the above codes.
<!-- .widget-banner2 -->
I ftp’ed the header.php file to child theme.
I then add the css
#st-banner1-wrapper {
position: relative;
}
What the heck am I doing wrong?
Kimberly
Hmm… odd because it should work; I just tried this on my local test site.
<div id="st-banner0-curve">
<img src="<?php echo get_template_directory_uri() ; ?>/images/showcase-curve.png" alt="banner curve" />
</div>
The big code snippet above, did you paste that into the header.php file in the child theme, right after the code that is this?
<!– .widget-banner2 –>
Also, where did you paste the CSS code part?
I had put in the <!– .widget-banner2 –> myself so it was in their twice.
I have the codes below in the correct spot: https://dl.dropboxusercontent.com/u/53910208/Screenshot/headerphpcodes.jpg
<div id="st-banner0-curve"><img src="<?php echo get_template_directory_uri() ; ?>/images/showcase-curve.png" alt="banner curve" /></div>
Then added the custom CSS with no changed for the original theme with a curve only on the home page.
Would it help if I had more than two images? I only have two right now when I work on the site.
Thanks
Might sound like a silly question, but you did activate the child theme as the live theme?
Yes I child them is the active theme.
I was suppose to use the header.php for the parent theme and after making changes fpt it into the child theme. Correct?
You upload a copy of the original header.php, then make the changes for that one (not the original parent theme header.php).
Is the curve still not positioned properly? I may need access to your site admin to see what is happening.
Hi Kimber254,
We didn’t get your reply since 11 months. We hope you got the solutions of your issue.
Thanks
