illuloid

Forum Replies Created

Viewing 5 replies - 1 through 5 (of 5 total)
  • Forum: Themes and Templates
    In reply to: [Inspiro] inspiro homepage broke? :/
    Thread Starter illuloid

    (@illuloid)

    2 years, 5 months ago

    Thx for sharing Marami! Same here!

    And thx Ina, I ended up remaking the page on the twenty twenty-four theme which did the trick honestly. Appreciate your help!

    Forum: Fixing WordPress
    In reply to: change header color on all pages (not just homepage)
    Thread Starter illuloid

    (@illuloid)

    3 years, 10 months ago

    wow, thank you threadi! all is working now.

    and i agree, i have a lot of CSS basic learning to do for sure. very much appreciate your help today, your kindness has not gone unnoticed.

    take care!

    • This reply was modified 3 years, 10 months ago by illuloid.
    Forum: Fixing WordPress
    In reply to: change header color on all pages (not just homepage)
    Thread Starter illuloid

    (@illuloid)

    3 years, 10 months ago

    thanks so much for your responses threadi 🙂

    i added the script you shared, but the nav bar is still changing to black when I scroll on all pages other than the homepage (example page: http://tucsonyogacollective.com/diane)

    any ideas? thank you!

    see all my CSS below

    .designed-by, #footer-copy .wpzoom, #footer .wpzoom, .site-info .designed-by, .site-info p.right, .footer-info .designed, .site-info .copyright span:nth-child(2) { display: none; }
.designed-by,
.site-info .copyright,
#footer-copy .wpzoom,
#footer .wpzoom,
.site-info .designed-by,
.site-info p.right,
.footer-info .designed,
.site-info .copyright span:nth-child(2) {
    display: none;
}

/* Header bar at the top */
.navbar {
    background: #52B1A9;
}

/* Header bar when scrolling */
@media screen and (min-width: 48em)
.headroom--not-top .navbar {
    background: #52B1A9;
}

/* Header bar on he homepage */
@media screen and (min-width: 48em) {

    .has-header-image.home.blog .headroom--not-top .navbar, .has-header-image.inspiro-front-page .headroom--not-top .navbar, .has-header-video.home.blog .headroom--not-top .navbar, .has-header-video.inspiro-front-page .headroom--not-top .navbar {
        background: #52B1A9;
    }

}

/* Footer bar */
.site-footer {
    background: #52B1A9;
}

.wp-block-image figcaption {
	font-size: 20px;
	
.headroom--not-top .navbar {
   background-color: #52B1A9;
}
    Forum: Fixing WordPress
    In reply to: change header color on all pages (not just homepage)
    Thread Starter illuloid

    (@illuloid)

    3 years, 10 months ago

    threadi that worked thank you! do you know how to make it the same color when I start to scroll? it stays the same color on the homepage, but changes to black on this page. http://tucsonyogacollective.com/joana-carichner

    thanks!

    Forum: Fixing WordPress
    In reply to: change header color on all pages (not just homepage)
    Thread Starter illuloid

    (@illuloid)

    3 years, 10 months ago

    Hi and thanks for the reply.
    I added it to the customize, CSS area in my theme.
    Would I need to log in to my host and change it on the backend?

    Here’s all my CSS code, in case it’s not being triggered because of another command. 

    .designed-by, #footer-copy .wpzoom, #footer .wpzoom, .site-info .designed-by, .site-info p.right, .footer-info .designed, .site-info .copyright span:nth-child(2) { display: none; }
.designed-by,
.site-info .copyright,
#footer-copy .wpzoom,
#footer .wpzoom,
.site-info .designed-by,
.site-info p.right,
.footer-info .designed,
.site-info .copyright span:nth-child(2) {
    display: none;
}

Pavel
Jan 8
Here’s some CSS code that will help you change some colors:

/* Header bar at the top */
.navbar {
    background: #52B1A9;
}

/* Header bar when scrolling */
@media screen and (min-width: 48em)
.headroom--not-top .navbar {
    background: #52B1A9;
}

/* Header bar on he homepage */
@media screen and (min-width: 48em) {

    .has-header-image.home.blog .headroom--not-top .navbar, .has-header-image.inspiro-front-page .headroom--not-top .navbar, .has-header-video.home.blog .headroom--not-top .navbar, .has-header-video.inspiro-front-page .headroom--not-top .navbar {
        background: #52B1A9;
    }

}

/* Footer bar */
.site-footer {
    background: #52B1A9;
}

.wp-block-image figcaption {
	font-size: 20px;
Viewing 5 replies - 1 through 5 (of 5 total)