Forum Replies Created
-
AuthorPosts
-
May 12, 2019 at 10:19 am in reply to: Is an embedded MailChimp form background color controllable via Additional CSS? #491127DougParticipant
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
DougParticipantThanks, Victor.
I thought there must be something in Customize for selecting this, but if not, I'll use the Custom CSS.
thx
dougFebruary 18, 2019 at 3:29 pm in reply to: Trouble with indents when using .entry-content class selector #489595DougParticipantThank you Victor, that worked great!
DougParticipantThanks, Victor.
(I just found out the Portfolio Pro pages don't work with Gutenberg, so just creating a different portfolio system.)
October 15, 2018 at 12:05 pm in reply to: Does Genesis Sample child theme use a content container which has no max-width? #223771DougParticipantThanks, Victor. The style.css suggestion helped a lot.
October 14, 2018 at 3:36 pm in reply to: Does Genesis Sample child theme use a content container which has no max-width? #223749DougParticipantVictor
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?'
October 14, 2018 at 3:19 pm in reply to: How to change site background image in Genesis Sample theme #223748DougParticipantThank you Victor! That worked great.
DougParticipantThanks, Anita. Did that and it worked great!
DougParticipantThank 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?
September 18, 2018 at 12:16 pm in reply to: Does Genesis Sample theme support Gutenberg's wide and full alignment? #223273DougParticipantOK, thanks Victor.
September 17, 2018 at 1:54 pm in reply to: Is it ok to use the framework by itself with Gutenberg #223250DougParticipantVery interested in your tutorial, Victor, based on your previous writings. Sounds great.
August 2, 2018 at 2:06 pm in reply to: Trying to locate "text-indent" code location to adjust indent #222182DougParticipantThank you. Worked great and I'm using the custom HTML box, and added a bit of style (reduced the size a bit).
August 1, 2018 at 10:34 pm in reply to: Trying to locate "text-indent" code location to adjust indent #222160DougParticipantThat 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>August 1, 2018 at 10:11 pm in reply to: Trying to locate "text-indent" code location to adjust indent #222159DougParticipantUg, but thank you very much, Victor. That gives me great direction.
June 20, 2018 at 12:37 am in reply to: Design for Home Page Widget 3 (Atmosphere) doesn't look right #221006DougParticipantThanks, 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.
dougMay 29, 2018 at 4:33 pm in reply to: How to do visual adjustments on Front Page 4 module and widgets in Atmospher Pro #220364DougParticipantBrad
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.
dougMay 29, 2018 at 2:52 pm in reply to: How to do visual adjustments on Front Page 4 module and widgets in Atmospher Pro #220360DougParticipantThanks, 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.
May 27, 2018 at 6:40 pm in reply to: How to do visual adjustments on Front Page 4 module and widgets in Atmospher Pro #220277DougParticipantThanks, 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.
May 27, 2018 at 10:38 am in reply to: How to do visual adjustments on Front Page 4 module and widgets in Atmospher Pro #220266DougParticipantThanks 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.
May 26, 2018 at 4:10 pm in reply to: How to do visual adjustments on Front Page 4 module and widgets in Atmospher Pro #220256DougParticipantThanks, 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 -
AuthorPosts