- This topic has 19 replies, 4 voices, and was last updated 1 year, 1 month ago by
Leo.
-
AuthorPosts
-
February 28, 2020 at 3:26 pm #1180104
Sara
Hello,
Just a few tweaks I need some help with:
1) How I can remove white line that shows under header and above primary navigation?
2) How I can change color from black to white the underline that shows under menu item when hover?
Thanks!
February 28, 2020 at 3:46 pm #1180121Sara
Also one last thing that would be
3) How I can make for menu to show full width? but I mean more width than container?
Thanks!
February 28, 2020 at 5:42 pm #1180174Leo
StaffCustomer SupportHi there,
1. Remove this CSS from Additional CSS field in the customizer:
.main-navigation .inside-navigation { border-top: .5px solid #d4d7d8; }
2. Change the hex color code of this CSS:
.main-navigation ul li:after { background-color: #000; }
3. Remove this CSS:
@media (min-width: 769px) { body { margin: 0 30px; } }
Let me know if this helps 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/February 29, 2020 at 2:03 am #1180330Sara
Hello,
1) Done
2) Done
3) is not working correctly it seams there some errors on theme css there the following:
@media (min-width: 900px) { .wpsp-grid .wp-show-posts { grid-template-columns: repeat(8, 1fr); grid-template-rows: 1fr auto; }
.main-navigation ul li:after { content: ''; position: absolute; height: 0; width: 100%; bottom: 0; left: 0; pointer-events: none; filter: hue-rotation(90deg); -webkit-filter: hue-rotation(90deg); -webkit-transition: height 0.35s ease; transition: height 0.35s ease; }
Warning comes on this line:
filter: hue-rotation(90deg);
February 29, 2020 at 2:04 am #1180331Sara
Also what I wanted to do on point 3 is just to make menu fullwidth leave content as it is if possible
February 29, 2020 at 4:45 pm #1180931Leo
StaffCustomer Support3. Can you disable Autopimize so I can see the source of the code better?
You need to make sure every
{
has a}
to close.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/March 2, 2020 at 1:20 pm #1182718Sara
Hello,
I have disable autoptimize as you asked and also, what I want is just to make content also to be as width as menu and footer is now which is full width, how can I achieve that?
Also if you can please check css errors showing on lines 214 and 215 which is the code I mention on previous post.
Thanks,
Sara
March 2, 2020 at 3:41 pm #1182807David
StaffCustomer SupportHi there,
3. You can safely ignore the warning as its just that WordPress CSS parser doesn’t include it – you can even delete that property if you want – its effect is very subtle.
You can increase the Container Width in Customizer > Layout > Container
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/March 3, 2020 at 12:00 pm #1183949Sara
Ok then how I make both menu and container same size and full width? Since I dont know what would be size in pixels to edit it on customizer as you points out.
Thanks!
March 3, 2020 at 1:27 pm #1184029Sara
Because on desktop is not showing menu and footer full width there is some space between sides and container is showing as normal size not full width
March 4, 2020 at 1:30 am #1184403David
StaffCustomer SupportOK – so it looks like you may have some left over CSS from a different site import.
Go to Customizer > Additional CSS and remove this block of code:@media (min-width: 769px) { body { margin: 0 30px; } } body.single-post.no-sidebar .site-content { max-width: 720px; margin-left: auto; margin-right: auto; }
This will remove the white space either side of the header and footer.
The Header and Footer content is both set to Full Width in Customizer > Layout > Header ( and Footer respectively ).
So now for the Content – Options:
1. Customizer > Layout > Container – this sets the global content container width.
or
2. Appearance > Elements >>> New Layout Element – here you can set Full Width or Content Width for specific posts / pages / archives etc. this will override the setting in #1.
https://docs.generatepress.com/article/layout-element-overview/
So to make just the Home page full width.
Create a new Layout Element, select Full Width for the Content and set your Display Rules to Front Page.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/March 5, 2020 at 11:41 am #1186288Sara
For Menu it seems to be working solution but for content, I tried to create a new element and did not work.
Did the following settings on element:
Type: LayoutSidebar: Default
Footer: Default
Disable Elements: No Options Selected
Content: > Content Area: Full Width (no padding)
Display Rules: > Location: Entire Site
> Exclude: Nothing
> Users: NothingInternal Notes: Nothing
What I am doing wrong?
Thanks!
March 5, 2020 at 11:45 am #1186291Sara
Also there is new problem it seems that now slider is overlaping with content listing in homepage
March 5, 2020 at 6:12 pm #1186522Tom
Lead DeveloperLead DeveloperHi there,
It looks like that Layout Element is working – all of the pages I looked at are full width.
I’m not sure I’m seeing a slider on the home page? Did you resolve this?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentMarch 6, 2020 at 9:55 am #1187272Sara
Hello Tom,
Yes, I see slider on homepage but, the problems are the following:
1) Slider is not full width
2) Slider is overlaping on top of firsts posts on posts listing.
3) I would like to add some space on the sides (right and left) like 20pix or 15pix so it shows content more clean.
How can I fix this issues?
Thanks!
-
AuthorPosts
- You must be logged in to reply to this topic.