I'd like to be able to change some colors. when on the homepage (using the sample content) the header menu has white text and a white background, I'd like to be able to change that to black text on the white background.
Once I start scrolling down the page, the background behind the header turns an ugly purple. I'd like to keep the background behind the header white the enter time. I'd also like to replace that purple color with black throughout the site.
At this point I've managed to get rid of the white bar across the top, but as you scroll down, the dark purple bar pops up, and that purple shows up in other elements, I'd like to globally replace the purple with black throughout the site.
The other problem is the logo is being resized too small. I'd like to get it a bit bigger and have it aligned with the text in the menu.
Thanks for any help!
Ed
enginetemplates
POSTED: 2019-10-08
Hello ISLANDMEDIA,
Please open file 'default.css', go to line 60
.site-header.is-sticky {
position: fixed;
background: #000;
}
In the images you provided, the first image shows the page as it originally loads: https://take.ms/IrlMs See the top is all white? I need to make that black.
The second image you provided, https://take.ms/Fd1nm shows the black background, this is how I want it to appear all the time.
Additionally, I need to change the dark purple in this image to black...
https://monosnap.com/file/jwnBQyyqIY8MO608L1TqZxeiOdkQUW
Get an access to all 178 items designed and developed by Engine Templates team plus all the future items
which will be released over the course of your club subscription.
Price starting from $59.00
View History
Once I start scrolling down the page, the background behind the header turns an ugly purple. I'd like to keep the background behind the header white the enter time. I'd also like to replace that purple color with black throughout the site.
Thanks in advance!
Can you send me your site URL to check?
View History
At this point I've managed to get rid of the white bar across the top, but as you scroll down, the dark purple bar pops up, and that purple shows up in other elements, I'd like to globally replace the purple with black throughout the site.
The other problem is the logo is being resized too small. I'd like to get it a bit bigger and have it aligned with the text in the menu.
Thanks for any help!
Ed
Please open file 'default.css', go to line 60
.site-header.is-sticky {
position: fixed;
background: #000;
}
and replace to
.site-header.is-sticky {
position: fixed;
background: #000;
}
.wp-custom-logo .site-container .title-area {
max-width: 350px!important;
}
.is-sticky .title-area {
padding-top: 15px!important;
}
.wp-custom-logo .title-area {
padding-top: 25px!important;
}
Save file, clear your browser cache and recheck.
Thank you!
View History
View History
POSTED: 2019-10-08
I completed the changes you provided, the white bar is still above the page, behind the header menu and logo.
Any other suggestions?
Thank you!
I just checked but can't found it
Unstick https://take.ms/IrlMs
Sticky https://take.ms/Fd1nm
Can you send me screenshot about issue? Btw, try to clear cache and recheck.
View History
POSTED: 2019-10-10
In the images you provided, the first image shows the page as it originally loads: https://take.ms/IrlMs See the top is all white? I need to make that black.
The second image you provided, https://take.ms/Fd1nm shows the black background, this is how I want it to appear all the time.
Additionally, I need to change the dark purple in this image to black...
https://monosnap.com/file/jwnBQyyqIY8MO608L1TqZxeiOdkQUW
Thank you!
So, just add more CSS in end of file 'style.css'
.site-header,
#pg-1611-2> .panel-row-style,
.et-pricing-item .table-footer,
.et-feature-item .sow-features-feature:hover {
background: #000!important;
}
Save it, clear cache and recheck.
Thank you!