Forum Replies Created
-
Posts
-
Thanks, Victor. That worked great.
Yes, on the social media icons, I wasn't clear on how those worked. I removed the h1 tags, which I thought were related to size but aren't. Thanks for noting that.
d
Thanks, Victor.
I thought there must be something in Customize for selecting this, but if not, I'll use the Custom CSS.
thx
dougThanks, Victor.
(I just found out the Portfolio Pro pages don't work with Gutenberg, so just creating a different portfolio system.)
Victor
Thanks. I've used that link quite a bit, and it's been enormously helpful to me. Appreciate you publishing that.
I should have been more specific. I'm familiar with Inspect, but don't know what to look for in the code to indicate if the Genesis Sample theme uses a content container with no max-width. I've searched for "container" and found
.site-container, but didn't see any reference tomax-width.So to narrow my question, it would be 'What to look for in Inspect that would indicate if Genesis Sample theme uses a content container with no max-width?'
Thank you! That worked.
I'm confused, though, because I used this to change the same keys of the footer.
.footer-widgets { background-color: #3d444c; color: white; }Why would that require the "." but body doesn't? Body isn't a CSS Class?
Thank you. Worked great and I'm using the custom HTML box, and added a bit of style (reduced the size a bit).
That was fantastic input, Victor. The footer had a custom HTML widget with the code below, which I removed and the problem went away.
The code below is CSS, right? Should I not use CSS in the Custom HTML widget? OK in the text widget?
thanks
doug<body>
<style>
p {
text-align: left;
font-size: 16px;
text-indent: 80px;
}
</style>
<p> Arrovox, LLC</p>
<p> Los Angeles, CA USA</p><p align="center">Contact: [email protected]</p>
</body>Thanks, Brad. I didn't quite realize how that works, but it's pretty slick.
I did run into some formatting issues, though. There's an odd indent in the text paragraph, and the button was aligned right, as was the Continue text inside the button.
I selected the first word in the text paragraph and using Inspect, found the following section.
==========
.featured-content .entry-content p {
font-size: 18px;
font-size: 1.8rem;
}p {
text-align: left;
font-size: 16px;
text-indent: 80px;
}
=========So I changed the 'text-indent' to 0, and that fixed the indentation issue in Inspect.
Here's a screen grab of that in Inspect:
However, when i went into Style.css to change the code permanently, I couldn't find the 'text-indent' element. Here's what was in the Featured Content code section:
=================
.featured-content .entry {
padding-bottom: 60px;
}.featured-content .entry-content p {
font-size: 18px;
font-size: 1.8rem;
}.featuredpost .entry-title {
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0.5px;
text-transform: uppercase;
}
==================I don't understand how the code on the Style.css page is different than the code in Inspect. There's only one Featured Content section on style.css, correct?
Thanks for any additional input.
dougBrad
Want to give you an update.
In the style.css, I changed the following from 50% to 100%
a.alignleft,
a.alignnone,
a.alignright {
Max-width: 100%;
}That seems to have fixed the desktop and mobile versions.
It seems to be working on every browser I test it on, so I think I'm good on this.
Thank you for your help on this. Greatly appreciate it.
dougThanks, Brad. I would definitely prefer to use the Widget settings, but they don't seem to be working for me. When I select 728x0, which 728w should be more than wide enough, they continue to be tiny thumbnails, and I can't figure out why that doesn't make the thumbnails larger.
Thanks, Brad.
I pasted the CSS into the style.css doc, at the very bottom. I've since removed it, as I was trying other things. But could put it back.
Regarding the featured page widget settings, yes, that was the first thing I tried, but I wasn't seeing any results that worked. My images are rectangle, so they won't work at the largest, 1200x1200 size. So I went the next largest horizontal size, 728x0. The "0" didn't make any sense to me, but figured maybe it was a way to enable it to scale.
Where I was confused is that the 728x0 didn't make it anywhere close to 728p wide. So thought it wasn't working for some reason.
I also tried removing the "50%" part of this
a.alignleft, a.alignnone, a.alignright {
max-width: 50%;
}That's working for the desktop, but the mobile images are still tiny. So now I'm trying to sort out why the mobile images are still small, and where to change that.
Thanks Brad.
I'm still seeing the tiny thumbnails when the screen is larger than 800p.
https://drive.google.com/open?id=1vbp3wdnceIL0zhEtsTiamv04gNHlJ1aBI had some changes made to the site a few months ago, and perhaps there's a conflict in the code somewhere.
Thanks, Brad
Just tried that but it still isn't working. And was sure to clear the cache (using Chrome on a Mac).
Here's a screen of the code in the style.css doc
https://drive.google.com/open?id=1WVoeitcAkOzik5vXwEjX-lue01YLrv0AHere's a snapshot of the front-page-4 section on the homepage at http://www.arrovox.com
https://drive.google.com/open?id=1vbp3wdnceIL0zhEtsTiamv04gNHlJ1aBDo you see anything I might be doing wrong?
thx
doug
