Hi,
Please add this CSS inside Customize > Additional CSS:
.tg-primary-menu > div ul li ul li a {
padding: 0.2em;
}
We’ve not tested Zakra Theme with that particular plugin. However, it should work fine. So, you can try using it with the Zakra theme. Let us know if you encounter any issue.
Also, if you meant issues reported on this forum, yes, we’ve fixed those issues in the latest update.
Thanks.
Thread Starter
tgtis
(@tgtis)
I pasted that into the additional CSS and I don’t see any change. Can you look at it and reply?
Thank you.
Please try replacing previous code with:
.tg-primary-menu div ul li ul li a {
padding: 0.2em;
}
Let me know if this does work this time. 🙂
Thread Starter
tgtis
(@tgtis)
I tried that css code and there was no change. Here is a copy of the code in that CSS customize window
.wpcf7-form-control.wpcf7-textarea {
height: 240px;
}
.cf7-field-wrapper label {
width: 100%;
}
.form_title {
font-size: 20px;
font-weight: bold;
}
.wpcf7-form-control.wpcf7-submit {
width: 100%;
}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea, .wpcf7-form-control.wpcf7-select {
border: solid 1px #a49f9f;
}
/*#post-276 .entry-content {
width: 70%;
margin: auto;
}
.tg-primary-menu div ul li ul li a {
padding: 0.2em;
}
*/
It seems you’ve commented out those codes. Please remove /* and */ from the following code:
/*#post-276 .entry-content {
width: 70%;
margin: auto;
}
.tg-primary-menu div ul li ul li a {
padding: 0.2em;
}
*/
Thread Starter
tgtis
(@tgtis)
I’m still learning. That worked. Thank You!
Thread Starter
tgtis
(@tgtis)
Now, how do I change the background color of the menu dropdown so it’s not white? Possibly a light grey to differentiate it from the page it’s being displayed over.
Please add this CSS:
.tg-primary-menu>div ul li ul {
background: #888;
}
Also, you can easily customize these with Zakra Pro which provides much more options to customize your site: https://docs.zakratheme.com/en/article/primary-menu-dropdown-overview-pro-incyfp/
Thanks.
Thread Starter
tgtis
(@tgtis)
I changed the padding to .1em and it worked better.
After pasting it in, I received a message there were errors that could break the site.
Here is the custom CSS with the error:
.wpcf7-form-control.wpcf7-textarea {
height: 240px;
}
.cf7-field-wrapper label {
width: 100%;
}
.form_title {
font-size: 20px;
font-weight: bold;
}
.wpcf7-form-control.wpcf7-submit {
width: 100%;
}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea, .wpcf7-form-control.wpcf7-select {
border: solid 1px #a49f9f;
}
#post-276 .entry-content {
width: 70%;
margin: auto;
}
.tg-primary-menu div ul li ul li a {
padding: 0.1em;
}
.tg-primary-menu>div ul li ul {
background: #888;
}
It seems you’re pasting the code from an email. Please copy and paste the code directly from ww.wp.xz.cn forum reply.
Thread Starter
tgtis
(@tgtis)
I’ve tried this multiple times and I keep getting a message at the top saying there are four errors.
I’ve tried the following and neither works.
.tg-primary-menu > div ul li ul {
background: #888;
}
.tg-primary-menu &>; div ul li ul {
background: #888;
}
If possible send me a screen print. I think the code is being converted and I can’t figure out a solution.
Thread Starter
tgtis
(@tgtis)
I see, the code I sent you is being converted.
Let’s try this:
”
.tg-primary-menu > div ul li ul { background: #888;
}
”
”
.tg-primary-menu &>; div ul li ul { background: #888;
}
”
Both provide the same error message.
Thread Starter
tgtis
(@tgtis)
I removed the greater than sign and ; and now it works. Let me know if this will cause another problem or not.
Thank You for the help.
Yes, that would cause no problem. However, I recommend replacing previous code with this: https://pastebin.com/iAyKHeGx
