[Terry]

Morning, Victor's reply on updating Daily Dish Pro child theme would be good advice.

[Terry]

1. To add the time to your entry meta add [post_time] where you want it displayed using this filter in your functions.php file. To do this you'll need to be comfortable editing your functions.php file. Be sure to make a backup before changing any files on your site.

2. Orange indicates the current page. When you move to display "Car News" or "Bike News" pages you'll notice that they're orange in the menu.

[Terry]

This may help if you're still looking.

[Terry]

If you display entry content (vs entry excerpts) with a content limit (Genesis => Theme Settings, scroll to Content Archives), the "Read More" link will be displayed on Blog and archive pages.

[Terry]

Have you tried

word-break: break-word;
text-align: justify;

[Terry]

Your site at https://pekinlighthouse.org looks OK in my browser for all screen sizes.

For your site at https://hhocmortgage.org...
The problem with the hero image (top full screen image) alignment on phone screens is from css that is being generated by your slider. In your Slider Settings (along the right side) for the slider you're using for the Hero Image, change the "Height mobile" setting to something larger that allows all the text to be displayed and provides the look you desire.

If you have any additional issues, Corporate Pro is a third-party child theme by SEO Themes. As the creators, they will be most familiar with the theme and be able to provide you with the best support.
Reach SEO Themes support here.

[Terry]

I think of a blog as just a collection of your posts... a 'bucket' of posts, if you will. It automatically displays a listing of your posts based on how you have it configured.
Your blog (or blog roll as it used to be called) may be on your Home page or another page (Blog, News, etc) that you designate if you site is more than a blog.
You can get fancy with it and style it up, filter what posts are displayed by category or tag.

Like anything software, there are at least a couple ways to do everything...
To designate a page as a blog page, select the "Blog" template in the page editor.
To designate what your Front page or Home page displays, visit Settings => Reading.

There are many good resources to learn more about WordPress, WordPress.org & wpbeginner.com are two I like. WordPress for Dummies is a good book.

On the forum it's best to post each of your questions separately. We're a volunteer forum and volunteers answer questions as they are able.

Hope this helps.

[Terry]

To be clear...
WordPress provides a couple ways to display an 'excerpt' instead of full content in your blog or archive.
Though not technically called an 'excerpt,' you can display specified text with the More tag or Genesis provides a 'content limit' capability to specify the number of characters displayed.

1. Manual Excerpt - A separate field in your post to specify different text to be displayed in your 'excerpt.'
2. Automatic Excerpt - By default, truncates your content to 55 words and displays this as an excerpt. If content > 55 words, three ellipses are displayed to indicate there is more...

[Terry]

Is it possible that the pages with the [...] don't have an excerpt and truncated content is being displayed?

A 'content limit' truncates the content of a post to the number of characters specified.
An 'excerpt' is a separate field in your post that presents an excerpt that is different from your post content.

More about excerpts here.

[Terry]

Sergio,

The dimensions of your image make it hard for it to scale on smaller screens. What may look great on a larger screen, doesn't necessarily on smaller screens.

On his membership site, Brad provides this answer for responsive header images - but you'll still have the issue that a wide/thin image can only scale so far.

Possibly a different approach?

You may want to use your logo (which looks like it includes your name & tagline) on the left side and then your picture (that includes your quote) on the right so the images stack on smaller screens.

It doesn't say which Genesis child theme you're using; that may be something you'll want to connect with a developer on.

Someone else may have a different approach that works better for you, but those were my first impressions.

Best Wishes,
Terry

[Terry]

Hi Jeremy,

Looks like pekinlighthouse.org is all set.

Your hhocmortgage.org is having some media query issues.

It looks like you added in the Customizer (Customize => Additional CSS)

.slick-slider-345 {
  height: 400px;
}

if you remove that, the theme should take care of the height at all screen widths.
If you want to increase the height on desktop screen (it may be a little tight), add it inside a media query

@media only screen and (min-width: 1100px) { 
<insert your css here>
}

(set the 1100px to whatever you prefer).

Checkout Victor's tutorial on using your browsers inspector to troubleshoot the nav alignment for 7.9" - 9.7" screens.

Hope this helps!
Terry

[Terry]

Try Genesis => Theme Settings,
scroll down to Content Archives,
set Display to "Entry Excerpts"

Be sure there is content in the excerpt field.

[Terry]

Whoo Hoo!

Best wishes & please mark this thread as resolved.

[Terry]

Oh boy, you must be so frustrated, that is crazy.

Here's a good test...
1. Remove the css from your style.css
2. Add the following via the Customizer (Customize=> Additional CSS)

@media only screen and (max-width:1023px) {
  .footer-widgets .one-fourth h3 {
    margin-top: 40px
  }
}

Let me know how you make out... (fingers crossed emoji)

[Terry]

Are you cleaning your browser cache and opening a new browser window?

Right now, I can see that you've added the following to the very end of your style.css (and that's the only place you have these two css rule sets defined)...

.footer-widgets .one-fourth h3 {
    margin-top: 40px
}

.footer-widgets .first h3 {
    margin-top: 0
}

Because this isn't inside a media query (and is different from what you've shared above), yes that left-most area is higher (has 0 margin) on any screen > 1023px.

We need to get those two css rule sets into the right media query so they work when the screen size is less than or equal to 1023px. So if you replace that with the following based on what I can see, that leaves your desktop as is and adds the spacing you want on your stacked footer...

@media only screen and (max-width:1023px) {

.footer-widgets .one-fourth h3 {
    margin-top: 40px
}

.footer-widgets .first h3 {
    margin-top: 0
}
}

There are many ways to do this in css, this is one. If you remove the second rule set ( .footer-widgets .first h3), it adds that 40px margin to all h3s if that's what you prefer ( a larger margin on the top).

By changing the values using your browser inspector, those changes are temporary - to try before you buy so to speak. They must be made in your code to be permanent.

[Terry]

Method One - Place the above css at the bottom of the media query
'@media only screen and (max-width: 1023px) {'

Victor has a tutorial on using your browser inspector that may help.

Be sure to remove the above css from your customization area at the bottom of your style.css.

[Terry]

Good busy day, sorry for the delay.

the short answer is on or around line 2014 of your style css (at the bottom of the max-width: 1280px media query) add:

.footer-widgets .one-fourth h3 {
	margin-top: 40px;
}
.footer-widgets .first h3 {
	margin-top: 0px;
}

or on or around line 97 of your functions.php change it to 4 footer widgets from 1 and the theme will take care of the spacing. Sorry, I didn't notice that you had put it all in one widget area earlier.

Let us know if that helps & mark it as resolved if you're all set.
Terry

[Terry]

OK, thank you for the clarification. I had scrunched to be next to each other.

Sure that's a css property. Because your css is minified, I can't guide you on the approx line.

You can inspect and change that margin or margin-top/margin-bottom value to your liking.

[Terry]

Used responsive views but also checked the phone and each of your footer widgets is 100% width on my iPhone.

...and iPad 25% in landscape, 100% in portrait

Think that's what you're looking for?

[Terry]

It looks fine in browsers on my MacBookPro. Possibly clear your cache and open in a new page?

Let us know if that takes care of it.

[Author]

Posts