[minal]

Hello @granny

I have tested on our end and there is no any issue with adding or plus sign you can check on below attached  screenshot.

can you share your screenshot of what you facing right now so that we can compare and send you a needy solution

Sincerely,

Minal

[minal]

Hello @Mathias,

Sorry for late reply.

Please add the following CSS

.header-banner-wrap .header-transparent .wp-block-navigation__responsive-container-open {

   color: #000;

}

Sincerely,

Minal

[minal]

Hello @Nathan Blair,

It seems this author box comes from your aio SEO plugin

If you find the author box from the edit template like this

it might work but this author box comes from the plugin you used so here is the CSS snippets for you to hide

To add CSS to your system go to Dashboard>> Appearance >> Editor >> Front page or follow those images below

.wp-block-post-content .aioseo-author-bio-compact {

  display: none;

}

Sincerely,

Minal

[minal]

Hello, cornflowergirl

To change the single post title color to white please add below CSS snippets to your Additional CSS

.banner .wp-block-post-title {

   color: var(--wp--preset--color--foreground);

}

to find additional CSS go to Dashboard >> Appearance >> Editor >> Template >> Front Page

And about the hero content issue we checked on our end and everything is fine so can you disable all plugins one by one to check on your end?

if it didn’t work please feel free to share

Sincerely,

Minal

[minal]

Hello Mathias,

the above CSS might not work with your site because it might be different from your site with others,

Here is the css for your site,

.header-transparent .wp-block-navigation__responsive-container-open{

  color: #000;

}

Change your desired code on above code,

Hope it works for you !!

Sincerely,

Minal

[minal]

Hello @Leslie Bigos

We’ll contact you shortly

Sincerely,

Minal

[minal]

Hello Dirk,

Here is the CSS for changing the color of hamburger

.menu-toggle {

  color: #fff;

}

Sincerely,

Minal

 

[minal]

Glad it works for you

Have a nice day Dirk !!!

Sincerely,

Minal

• This reply was modified 3 months, 1 week ago by minal.

[minal]

Hello @ Dirk,

Yes we can achieve that. Please add below CSS on your additional CSS

.site-navigation .top-menu a {

  text-transform: lowercase;

}

.site-navigation .top-menu a:first-letter {

  text-transform: capitalize;

}

.contact-details li {

  font-size: 20px;

}

for font size for email, phone use that contact-details li for that.

Hope it will work for you

Sincerely,

Minal

• This reply was modified 3 months, 1 week ago by minal.
• This reply was modified 3 months, 1 week ago by minal.

[minal]

Hello @Dirk,

Glad that it works for you !!

And yes you can change the font size in the header top, Here is the CSS for it.

.site-header-top-menu * {

 font-size: 20px;

}

change the value with your desired value on the above code

Hope it works for you !!

Sincerely,

Minal

[minal]

Hello @ygee,

Here is the CSS you to make it visible, add on your additional CSS,

.wp-block-post-title.block-editor-block-list__block.editor-post-title{

  color: #fff;

}

change CSS value of your desired on above CSS code.

To add above CSS go to Dashboard >> Appearance >> Editor >> Templates >> Front Page >> Additional css
Please follow the below image to go to above path

Hope it works for you !!

Sincerely,

Minal

[minal]

Hello @Dirk,

There is a custom CSS for you to change the text color in the header top

.top-main-wrapper, 
.top-main-wrapper a {
  color: #fff;
}

you can change your desired color on the above CSS code.

To add the above CSS please go to Dashboard >> Appearance> Customizer >> Additional CSS

Hope it works for you !!

Sincerely,

Minal

 

[minal]

Hello @cindy,

Here is the css snippets for you to remove background and make font italic

Goto Dashboard >> Appearance >> Customizer >> Additional CSS and paste it there

.wp-caption {
  padding: 0;
  background: transparent;
  border: 0;
  font-style: italic;
}

Hope it works for you !!

Sincerely,

Minal

[minal]

Hello @TPGC

Here are the CSS snippets for restoring the parent item color

.menu.catchbase-nav-menu .current-menu-item > a, 
.menu.catchbase-nav-menu .current-menu-ancestor > a,
.sidr ul li.current-menu-item> a, 
.sidr ul li.current-menu-ancestor >a{

   color: black;

}

If you don’t; want  the color on slideout menu you can remove (.sidr ul li.current-menu-item> a, .sidr ul li.current-menu-ancestor >a)
Change your desire value on the CSS code.
Hope it works for you !!

Sincerely,
Minal

[minal]

Hello @William,

If you want to change the dropdown menus to left on mobile screens,

Please add those CSS snippets to your additional CSS. To find Additional CSS

go to Dashboard >> Appearance >> Customizer >> Additional CSS

@media screen and (max-width: 40em) {

  .site-navigation ul ul {
    margin-left: 0;
  }

}

Hope it works for you !!

 

Sincerely,

Minal

 

 

[minal]

Hello @tflucher,

You can ask your query with the “complianz” support team for a solution.

Sincerely,

Minal

[minal]

Hello @tflucher,

It seems you have a plugin conflict on your site.

try to disable all plugins one by one to see effect.

you can also check the link below for some help.

https://catchthemes.com/wordpress-tutorials/how-to-check-for-plugin-conflicts-with-our-themes/

Sincerely,
Minal

[minal]

Hello @joemajor1

You can try this https://wordpress.org/plugins/conditional-blocks/ plugin for conditional menus.

Hope it works for you !!

Sincerely,
Minal

[minal]

Hello @joemajor1

The instructions you sharing are for the classic theme and the biz boost theme is a Block Theme.

At the moment there is no way within the controls of the block menus to make those kinds of changes.

If you want that functionality you can install plugins of your need. or you can add CSS snippets to hide certain pages on login or logout

Sincerely,

Minal

• This reply was modified 4 months ago by minal.

[minal]

Hello @lankyman26

 

To change the direction of dropdown menus from left to right, please add the below CSS snippets on additional CSS

For Additional CSS Please go to Dashboard >> Appearance >> Customizer >> Additional CSS

@media screen and (min-width: 64em) {
   .site-navigation li:hover>ul, 
   .site-navigation li.focus>ul {
     left: 0;
     right: auto;
   }

   .site-primary-menu ul ul:before {
     left: 12px;
     right: auto;
   }

   .site-navigation ul ul li:hover>ul, 
   .site-navigation ul ul li.focus>ul {
     left: 100%;
     right: auto;
   }

   .site-navigation ul ul .menu-item-has-children>a>.icon, 
   .site-navigation ul ul .page_item_has_children>a>.icon {
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
   }
}

@media screen and (min-width: 75em) {
   .site-navigation li:hover>ul, 
   .site-navigation li.focus>ul {
     left: auto;
     right: 0;
   }

   .site-primary-menu ul ul:before {
     right: 12px;
     left: auto;
   }

   .site-navigation ul ul li:hover>ul,  
   .site-navigation ul ul li.focus>ul {
     left: auto;
     right: 100%;
   }

   .site-navigation ul ul .menu-item-has-children>a>.icon, 
   .site-navigation ul ul .page_item_has_children>a>.icon {
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
   }
}

On larger screen it seems fine so I made changes on smaller desktop

Hope it works for you !!

Sincerely,

Minal

[Author]

Posts