My daughter was helping with setting up Ethos, but she’s unavailable for awhile. I wish to have the home page post image to the left and an excerpt directly to its right as in Ethos Demo 1. How do I do this? Can I edit what has already been done, or must I start anew, and if so, how? My website is wondrousthingsministry.com. Thank you.
Hello There,
Thanks for writing in! I have checked your homepage at http://wondrousthingsministry.com/. You are using a custom built page and you have displayed the posts using the recent posts element in Cornerstone. To be able to display the excerpts, you must have to customize the recent posts element first. In order to do that, please check out this thread: https://theme.co/apex/forum/t/recent-posts-shortcode-change-image-size-add-excerpt/1517/2
Hope this helps. Please let us know how it goes.
Thanks. I installed the child theme, but have no idea how to paste in the material. I checked PHP commands and they start with <?php and end with ?>. I don’t see these in the material. About a month ago my daughter got to this stage and copied a command off a post somewhere and my site went white! Please specify where I am to insert material [(I went to appearance, editor and a page titled X – Child Theme: Stylesheet (style.css)]. Please show me exactly what I must paste onto this (or on the appropriate page, if this site is wrong), including start and stop. Please assume I know nothing. If I had known this matter didn’t come automatically, I wouldn’t have purchased the theme, but since I have, must rely upon your forbearance and send you my apologies. Regards
Hello There,
Thanks for updating in! Let me go back to the original post. Do you want to have a layout something like Ethos 1? Yes you can have the same layout since you are using Ethos stack. As a matter of fact, your archive pages is already showing like in Ethos 1. You can check it here: http://wondrousthingsministry.com/2017/
In you homepage, it is not displaying as you would like because a certain page was assigned as your homepage. If you disregard the page and let the default Ethos setting takes control the homepage, you should be able to have a 100% replica of Ethos 1. In order to do that, please go to Settings > Reading > Front Page Displays and select “Your latest posts”. And also please do not forget to disable the Filterable index from the customizer, Appearance > Customize > Ethos > Blog Options.
Please let us know how it goes.
Thanks for your help. I see what you mean about the archive page. I reset the homepage per your instructions. (I found the Filterable Index was already disabled, but you do me too much credit to assume I might forget something I know nothing about). However, the home page still looks the same. I am at a loss as to how to make further changes. Please advise and again, thanks so very much.
Hi There,
When I check again, your homepage is now your blog page and then as stated on your original message, on some post, the image is on the left already and the excerpt is on the right like what you wanted. See this: https://screencast-o-matic.com/watch/cbiFetlTfn. In case you are seeing differently, please try to clear browser cache. On other post, where it is seeing full text unlike others, check it’s ETHOS POST settings and compare it to the post where displaying exactly how you want.
Helpppppppppppp! It seems there are two “home” pages on my web site. There’s this new one with the picture/exerpts like I wanted, but minus my beautiful ocean view header and my favorite bible quote. It has a link called “Home” that takes me to the original home page,which has the nice header, but the undesirable body. I suspect that I must edit the new home page to include my header and delete the original? My daughter set up the original header photo, so not sure how to do it. She has been very reluctant to help ever since my site went white on her.
Also, what do you mean by the other post with full text? I was not aware that the page which displays the full post text was a problem. I very much appreciate the help given me and we have made good progress. We are almost “home” Thanks and blessings!
Hi,
To add the big image to your homepage, you can add the code below in your child theme’s functinos.php file.
function add_banner() {
if(is_home()) {
?>
<div class="my-banner">
<img width="760" height="507" src="http://wondrousthingsministry.com/wp-content/uploads/2017/02/Sunrise-864x576.jpg" class="attachment-entry size-entry wp-post-image" alt="">
</div>
<?php
}}
add_action( 'x_before_view_global__slider-below', 'add_banner', 10 );
After that you may delete your “Home” page
Hope that helps.
Please see my earlier post about confirmation of site where this is done and knowing exactly what to paste there. Also, my daughter did not use a child theme to set up the original banner, so is there a less traumatic way to get this done. My fear is that you assume I know far more than I do. Thanks for your help.
Hi,
Please see screenshot
Hope that helps.
Thank you, but here is why I am leery. Instead of your “X-Child Theme: Theme Functions” with a drop down to //FUNCTIONS,PHP, when I hit Appearance, than Editor, I get this:“X-Child Theme: Stylesheet (style:css)” with a drop down to /*. So, do you understand my trepidation? Please see my very first reply. Is there some other step after choosing editor that I am not doing, or is there another problem? I should add that my screen does have your #2 exactly as you have circled (I even tried hitting Select, but nothing changed). #3 is almost exact except yours has “pro” and mine has “x”’ Here is a copy of what’s contained in the body of my site:
/*
Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x
*/
Please advise and thanks, regards and blessings.
Hi,
You can click on the functions.php link that I indicated in no.3.
After that you can add the code in the content as I indicated in no. 4
If that doesn’t help, please provide us your wordpress admin login in Secure Note.
Thanks
Yes, that gets me to the correct screen-thanks! So, I couldn’t copy/paste your #4 directly, so, no problem, I thought to use what was provided in a previous post:
function add_banner() {
if(is_home()) {
?>
<div class="my-banner">
<img width="760" height="507" src="http://wondrousthingsministry.com/wp-content/uploads/2017/02/Sunrise-864x576.jpg" class="attachment-entry size-entry wp-post-image" alt="">
</div>
<?php
}}
add_action( 'x_before_view_global__slider-below', 'add_banner', 10 );
But notice there are two extra lines,i.e.:
}}
add_action( 'x_before_view_global__slider-below', 'add_banner', 10 );
So, what should I do? The end is in sight! Blessings.
??? When I went to send this, some of the code that I had pasted turned into a picture and the two extra lines disappeared.
Sorry! the extra verbiage is still there, but not as two lines.
Hi there,
Would you mind clarifying the issues you’re getting? What you need is just to add this with no extra lines
function add_banner() {
if(is_home()) {
?>
<div class="my-banner">
<img width="760" height="507" src="http://wondrousthingsministry.com/wp-content/uploads/2017/02/Sunrise-864x576.jpg" class="attachment-entry size-entry wp-post-image" alt="">
</div>
<?php
}}
add_action( 'x_before_view_global__slider-below', 'add_banner', 10 );
Thanks!
Thank you. This and the above instructions make it very clear, so I felt confident to add the code… The problem now is that the new banner doesn’t stretch across the screen and is too tall. Please compare with the original home page, which has not been deleted. Also, there’s another problem I am trying to resolve. I choose the background color for the sidebar, but cant recover how it was done. Perhaps, I told my daughter over the phone what color code to use. If so, I can’'t find where the code is to change the color. Also, there’s a border to the right of the sidebar and I would like the sidebar to run into the background color as in Ethos Demo 1. Your additional help and patience would be much appreciated. Blessings
Hi,
Please add the code below in X > Launch > Options > CSS
.my-banner img {
width: 100%;
height: 400px;
}
Then navigate to Appearance > Customize > Layout and Design and set you Site Layout to Full width
Then set your background to #a2cd92
Hope that helps
Yes, it helps in part. The sidebar now sits better-a big improvement… However, though there’s an X in Dashboard, I don’t see any “Launch”, nor have I found it elsewhere, so unable to effect that change and the banner picture still looks silly.
I set up this website because I wanted a new domain name, and pretty much deserted my old website kawriverkeruv.com. I hadn’t visited it in months, but decided to play around with the old wordpress theme there, as a learning experience. I was shocked to see the theme gone and a totally new theme there-powered by x-theme! I have no idea how this happened and it really doesn’t matter. The thing is that the way the Ethos Demo 1 theme looks there, is what I want. That is to say, content which swims in a sea of background color (background both to its left and background to its right.) Instead of its gray, I would customize a lovely blue (which I know how to do). This would leave me with a green sidebar again, but I prefer, the sidebar to be a different color. However, my sidebar is green #a2cd92, which I requested to learn how to change. By the way, when I customize colors in Dashboard, the code is in the rgb format. So, how do you get the format you provided? Please help with 1) more detailed directions to find where the banner code can be inserted. 2) how to get the background surround look found at the old website 3) how to change the sidebar color from the current. green to a new contrasting color of my choice 4) how to get from rgb to your format…
My daughter’s customizing of Ethos Demo 1 has resulted in some of the problems we now need to correct, Had we kept the original and just inserted the banner image, which she did admirably well, we would have been better off. Thanks for all your help with this. Blessings!
Amending # 3 above. Changed my mind about the sidebar being a different color. I changed the background to a blue and want the sidebar to match. Regards and regret for the confusion. Please see my previous posts for 1, 2 and 4.