Forum Replies Created
-
AuthorPosts
-
askdesignParticipant
This doesn't look like a Genesis theme. Also, I don't understand your question. Maybe if you explained it another way, people would be able to help you.
Anne S. Katzeff
Designer | Artist | TeacherJuly 3, 2020 at 5:12 pm in reply to: Showcasing Genesis News Pro website, little customization #499895askdesignParticipantThanks for sharing.
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantPlease provide the URL so that someone can help you out.
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantI don't see the ad. Did you take it off of the site?
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantSure, you can modify the Front Page widget styles. It would be a manual comparison of the two areas you want want to copy the style from and apply to. The class names are going to differ, so you can't just clone the styles.
I think Front Page 2 of StudioPro is more aligned with Front Page 3 of Corporate Pro. Find whatever style on Corporate Pro that you want mimic'd and paste it into the StudioPro class that best matches it.
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantIt looks like you've got this resolved. Good job!
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantGoogle says your URL is not secure. Check your SSL.
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantYou need to add the "background-image" property to the .site-header, .site-footer, and .site-container classes.
You may also need to add the "background-position" and "height" properties.ORIGINAL CODE
.site-header { background-color: #fff; } .site-footer { border-top: 1px solid #eee; line-height: 1; padding: 60px 0; text-align: center; } .site-container { -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; }
MODIFIED CODE
.site-header { background-color: #fff; background-image: url(https://www.xyz.com/imagepath/imgename.jpg); background-position: -480px; height: 258px; } .site-footer { border-top: 1px solid #eee; line-height: 1; padding: 60px 0; text-align: center; background-image: url(https://www.xyz.com/imagepath/imgename.jpg); background-position: -480px; height: 258px; }
You'll add the background image to the .site-container class, which may make the .site-inner area difficult to see. So you'll need to add a white (or another color) background:
.site-container { -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; background-image: url(https://www.xyz.com/imagepath/imgename.jpg); background-repeat:no-repeat; } .site-inner { clear: both; margin: 73px auto 0; max-width: 1280px; word-wrap: break-word; background-color: #fff; /* --- add this code --- */ }
Anne S. Katzeff
Designer | Artist | TeacherJuly 3, 2020 at 4:19 pm in reply to: How to Fix Padding for Ordered and Unordered Lists in Atmosphere Pro #499887askdesignParticipantSweet! Thanks for sharing this tip!
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantIt looks like you may have figured this out. In the code, did you increase the "padding-bottom" property to 14vw? If so, I like that solution!
.header-hero { background-color: #111; background-size: cover; background-position: center center; color: #fff; padding-bottom: 14vw; }
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantAdd the opacity property to your .site-header class. This will cause the background color to become lighter, so you'll need to adjust that too:
ORIGINAL CODE
.site-header { background-color: #333; border-bottom: 1px solid transparent; min-height: 80px; padding: 20px 40px; position: -webkit-sticky; position: sticky; top: 0; width: 100%; z-index: 9999; }
MODIFIED CODE
.site-header { background-color: #000; border-bottom: 1px solid transparent; min-height: 80px; padding: 20px 40px; position: -webkit-sticky; position: sticky; top: 0; width: 100%; z-index: 9999; opacity: .75; }
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantI visited the site and it looks like you've got this figured out.
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantLooks like you figured it out. The Smart Slider shortcode goes into the Front Page 1 widget.
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantWhen you log into the WordPress site, go to Settings > General.
Type the text in the field labelled "Tagline". SAVE CHANGES.In the CSS file, this is styled with the class "site-description".
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantWelcome to the Studiopress community, and best of luck to you!
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantIt looks like you figured it out: I see the Font Awesome icons above the nav labels. Nice!
Anne S. Katzeff
Designer | Artist | TeacherJuly 3, 2020 at 3:06 pm in reply to: Hello: can anyone assist with css for before header in Daily Dish? #499875askdesignParticipantHave you tried using the "before-header" widget?
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantThe URL doesn't work.
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantLook for it in the stylesheet file (style.css). Or you can add it in the customizer.
Anne S. Katzeff
Designer | Artist | TeacheraskdesignParticipantORIGINAL CODE
@media only screen and (min-width: 960px) { .content { float: left; width: 65%; } .sidebar { float: right; width: 30%; } }
MODIFIED CODE
@media only screen and (min-width: 960px) { .content { float: left; width: 75%; } .sidebar { float: right; width: 20%; } }
Anne S. Katzeff
Designer | Artist | Teacher -
AuthorPosts