Forum Replies Created
-
Posts
-
I decided not to use an overlay there, just put the text above each photo. So you can clpse this thread. Thanks for the help.
Thanks. Your suggestion made perfect sense except that in the same layout in the About page, there WAS space above and below the text.
I guess I was too tired last night to find where the difference was. I kept looking in Quick CSS thinking I’d put something in there that I’d accidentally changed but found nothing.
It turned out what I’d accidentally changed (have no memory of doing) was that in that section setting in the home page, the padding was changed to 0 whereas in About page it was Default. All I had to do was change it to default in the home page to get them looking the same.
But I decided it does look better with 50px, and I think that’s what I did when I first set those up. So I did add that to the Quick CSS, listing both pages, even tho I could change it in the section block. Better to keep the formatting for them together.
Thanks for the help!
I understand that this may be the only way to accomplish what I want, but I was hoping for something that would only use CSS.
Before I use your suggestion, I should mention that until last night, the I had the stuff that is now in grids in 3 columns instead. Each column had a text block and an image block. It looked great in a pretty wide opened browser window on a monitor, but when I narrowed the window, of course each text block wrapped the text at a different point, which pushed the image below it down.
I tried to figure out a way to keep all three text blocks the same height when they started to wrap. When I couldn’t accomplish that, I put that stuff into grids. So that caused a different issue. And with the grids, the image fills the whole space whereas in the columns the image stayed at 215px wide max.
I don’t think there will be any issue with setting the background color across the whole site. This is a VERY small site and I’m trying to keep it VERY simple since I will not be maintaining it eventually. Or I could probably add the post number to the CSS to make it just affect that page like I did with some other CSS? If the site was going to have 1,000 pages, that would not be a great solution. But that’s not the case.
This worked perfectly. Thanks!
And I won’t include addresses to sites in my public posts anymore, I’ll put them in the private content. A flurry of attempted logins when I’m the only one with a user login.
Tonight I was messing with the Quick CSS code and something I did changed the positioning of the hero image on only one of the two pages I have them on. My brain is mush and I can’t figure out what caused this.
This is the staging site:
https://yu39su8np7.papa-view.com/
The hero there should be positioned the same way it is here:
https://yu39su8np7.papa-view.com/about/
It’s driving me nuts.
Thanks!
Your first suggestion made it worse – pushed the text more to the right.
But your second suggestion worked. Now that I understand the problem better, I’ll decide what I want to do. The owner of the site may not want to use those blocks anyway.
Thank you for solving it, and I’m thinking it has to do with the fact I used a “WP reduced” version of the image. I don’t like to do that. It used to be I/we would always size the image to exactly how we wanted it to display. But I guess those says are gone.
I’m leaving for over two weeks vacation in a few hours without the computer I’d need to work on this. So I’ll pick up where we left off when I get back.
Barb
Thanks! Yes, I think I can edit that code to do what I want and by examining the code in the live page I hope I can learn which classes to use to do this kind of thing.
I originally made relatively simple websites before CMS software became “a thing.” When I saw things moving toward WP I stopped being a web designer (maybe 10-12 years ago). But in the past few years I’ve started making some sites as a volunteer for organizations I’m involved with. In this case it’s a small business I’m helping.
So I’d like to learn the skills for the few things I’d like to use (like screening behind text) and learn which classes to use to apply that, but I have no interest in becoming a high level web designer!
In this case I can see it’s a combination of the post-entry class, the element (?) class, and the textblock class where this text is contained. I would never have been able to figure that out by trial and error.
So thank you!
OK. If you say Enfold knows when a license has been used on more that one site at the same time, I’ll take your word for it.
The comment “We don’t have any records of where licenses have been used unfortunately.” seems to say that licenses could be used at multiple sites without Enfold knowing it. If you have a way of knowing a license has been used at two domains, how do you know which one was the first? But that’s not my problem.
And yes, you can close this thread. Thanks again for a great theme!
Actually I had already logged into my themeforest account. It displays information in a very confusing way. Under Downloads it shows what appears as two Enfold purchases but without dates, even tho it shows that it is sorting them by date! But now I see that there is a tab on the menu for Statements and that shows dates. But I don’t think it’s accurate for any period other than within one year. So it’s only showing the purchase I made this week. And it splits the one purchase out into 4 different amounts, which is also confusing. Not very helpful.
I’m not going to worry about it.I enabled the “Support Older Browsers.” No change.
The reason I included a link to a site that I did NOT make is that it is a simple site, made using Enfold, and in my old iphone the burger menu appears and works correctly in my iphone 6. That site is the one using version 4.5.2.The sites I’ve made in the past few weeks are using the current version, 5.6.6, and the burger menu does not work on my iphone 6.
Isn’t the most logical explanation that something changed in the Enfold code between those two versions? Probably something having to do with either burger menu or with logo/menu settings or with mobile settings.
The only other explanation is that either some combination of settings in my sites or some custom code in my sites is messing up the display and functioning of the menu only when displayed in my iphone 6. That seems highly unlikely to me, since there is almost no custom code. (Burger menu works fine when I’m on my computer and narrow the browser window as far as I can.) I know it’s POSSIBLE it’s something I did. I just don’t think that’s the most likely explanation.
See private content for website links and Enfold versions they use
The Rogue Valley Chorale site is NOT a site I made. But it uses Enfold theme, is also a very simple setup, and the menu opens on my iphone. I was just using it as an example that works.
I’ve put two screenshots from my iphone into a dropbox folder. Link to that is below.
I indicated on the screenshots what the header setting is for each.I have tried changing Main Menu theme settings for menu, burger mobile menu, burger mobile menu styling but none of those changes allowed the menu to appear and work.
In the Enfold Child Theme Options, under Update Theme, it says this:
No Updates available. You are running the latest version! (5.6.6)
PLEASE ADD TO REQUESTS
I have also spent a lot of time trying to figure out how to make link text a different color from bold text in the content areas of the site. As Jorg says in his original post, that design goes against every W3C guideline since the beginning of the web.I hope you can change the Enfold Theme Options so those two things can be set separately. It’s kind of crazy that it needs to be “corrected” using CSS.
Sorry. I had the page only in draft view because it looks so bad. It was late at night and I wasn’t thinking. I get screenshots right from my computer.
https://www.dropbox.com/scl/fi/rw275wohvth2jkstyqyz1/Tickets-page-screenshot.png?rlkey=cgoxrg5lwrrr5ub9mhpwxc04u&dl=0
If you want the source code from that area of the page I can send it. But it’s a standard paypal button (the old kind) generated on the paypal site.The view cart button is in upper right corner of screen and I was able to position that fine by putting it in a text element.
The pointer-events CSS did remove the link, but the CSS to change the font wasn’t quite right. I looked at the source code and saw the text is within an h1 tag, but adding h1 didn’t help. I also saw that the title is within an a tag, and even tho we’ve taken out the live link itself, the tag still remains. so I added the “a” to the CSS for the font family as you did for the link CSS itself and that worked to change the font.
So then it seemed obvious that all that CSS could go together. Result that works:
.title_container .main-title a {
pointer-events: none;
margin: 0;
font-size: 16px;
position: relative;
z-index: 2;
min-height: 36px;
line-height: 2.3em;
top: 0;
font-weight: 400;
font-family: Open Sans;
}Thanks!! Maybe consider adding that as a request. The reason it was picking up the other font was that the title is in an H1 tag, which I’ve defined as EB Garamond. In the typography page, for H1-6 there are some toggle checkboxes for different areas of the page. Maybe Page Title could be added?
No, not an H1 tag within the page.
On that page the words “About JBO” in the gold bar in the heading is what I’m referring to, below the logo and menu bar. The place that tells the user what page they are on. I think it’s referred to as the Page Title but maybe sometimes Header Title?
The menu is set to Open Sans, the body is set to Open Sans. Only the H1-6 tags are set to a serif font. I can’t find anything in Theme Options that controls that Header/Page Title text. I’d also like to remove the link since I’m not using it for navigation.
If there is a better way to accomplish the look I want, that would be fine. But usually the page Title shows up at the top of the main content area..
In General Styling I can control the Main Content Heading Color, but not the font size or family.
