Forum Replies Created
-
AuthorPosts
-
June 4, 2020 at 2:48 pm in reply to: Can I shorten height of first Background Image in Parallax Pro? #499150addiesgramParticipant
Or is there another Studiopress theme like Parallax Pro where that first Background image doesn't fill up the whole screen?
August 23, 2019 at 2:22 pm in reply to: Parallax Pro need css adjustment for front page section #493141addiesgramParticipantThanks for replying andytc, I'll keep playing with images and image placement. It sounds like I can't have the best of both worlds -- ie, images scaled down for smaller screens as I'd had them with my earlier edited css, *and* text centered on (and superimposed over) the background image in section 1.
addiesgramParticipantThanks so much for replying, Anita. Your instructions were clear and I'm good to go now. I've been on hiatus from web developing so wasn't aware of this change. Really appreciate the help!
addiesgramParticipantVery welcome 🙂
addiesgramParticipant@media only screen and (max-width: 1140px) {
.home-section-1 {
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
}
}Yep, I pasted this code directly from my style.css file and it matches what I posted above. Be sure to refresh your browser a few times (that may be why I didn't see the change the first couple of times I tried this snippet).
addiesgramParticipantI think the css snippet I tried (above) finally worked. I’m not sure why it didn’t work th first time I tried it. It only resolves the first (top) image on the homepage.
If you try that css code and it doesn’t work, post again here and I’ll go into my archives to make sure this is the correct code I used. I’m not at home where that file is right now.addiesgramParticipantCan anyone help me out with this? I've searched through the forum and tried some of the code suggested. I currently have this code at the end of style.css:
@media only screen and (max-width: 1140px) {
.home-section-1 {
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
}
}But no love, this did not change anything in home-section-1
addiesgramParticipantI found the correct widget (picture someone with a red face). I'm all good now!
August 4, 2017 at 9:21 am in reply to: Modern Studio Pro, trying to set # of posts to display on blog pages #209993addiesgramParticipantThank you Brad. And thanks also for your many helpful online tutorials -- I've learned so much from them and I'm no longer afraid to edit a php file because of you ? !
August 3, 2017 at 11:47 pm in reply to: Modern Studio Pro, trying to set # of posts to display on blog pages #209970addiesgramParticipantOK, got it -- I finally found the right solution in Genesis Theme Settings and changed the blog page template. All's good.
addiesgramParticipantThanks Victor, I appreciate your help 🙂
addiesgramParticipantI've reinstalled Genesis 2.4.2 and got my header title and description back, but I'd still like to know if others have experienced problems with 2.5 since I have quite a few Studiopress websites in my portfolio -- thanks.
addiesgramParticipantMeant to add that this problem is evident in Firefox, Safari and Chrome.
addiesgramParticipantFigured it out. I added to functions.php:
remove_action( 'genesis_before_loop', 'genesis_do_posts_page_heading' );
addiesgramParticipantThank you both for your feedback. I'm saving it for the next website. : )
addiesgramParticipantThank you Susan -- I never got my question answered, but I figured out a workaround. I made the home page a regular page and added a widgetized area below the header. I am still curious going forward, though, if there are other (better) approaches.
addiesgramParticipantUpdate: In Genesis Design Palette Pro with Freeform css plugin installed, in the Mobile CSS box (480px and below), I entered this code:
.after-header .widget { width: 60%; min-width:200px; }
I don't have an iPhone or smartphone, can I get some feedback on whether the whole slider image is in view now? Any suggestions for tweaks?
addiesgramParticipantDavinder -- Once I magnified the view of that page, I could see that 1px dotted border that you pointed to. The code you provided fixed the discrepancy and stopped the jumping. Thanks very much!
addiesgramParticipantOK guys, not one to cry uncle, I persisted until I came up with something that worked. All the unwanted space is gone now. However, I have a feeling my solution is probably not the most elegant or efficient. Do I need to clean it up? Here is all the css that pertains to my widget #7 image. I'd just like to learn how to do this properly so I'd still be grateful for your feedback -- thanks.
.after-header { background-color: #ffffff; padding-bottom: 0px; padding-top: 0px; text-align: center; } .after-header.widget-area #text-7 { margin-bottom: 0; } #text-7 img.centered, .aligncenter { display: block; margin: 0 auto 0px; }
addiesgramParticipantdreamdancer, thanks -- I added that code already (see my post above -- the widget is now #7). It removed some but not all of the unwanted space. There's still 24px I need to get rid of and emasai made a suggestion about it (see her reply above), but I don't know how to write the code to do what she's suggesting.
-
AuthorPosts