[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 1 year, 3 months ago by minal.
• This reply was modified 1 year, 3 months 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 1 year, 3 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

[minal]

Hello @mathias

Here is the CSS snippet for you to achieve that feat

@media screen and (max-width: 37.5em) {
  .wp-block-hero-content-default .wp-block-media-text {
    flex-direction: column;
    display: flex;
  }
  .wp-block-hero-content-default .wp-block-media-text .wp-block-media-text__media {
    margin-bottom: 0;
  }
}

to add this css go to Dashboard >> Appearance >> Editor >> Templates >> Front page

——

If this did not work, please share your site URL so that we can check thoroughly

Sincerely,

Minal

[minal]

Hello @adminusereditors

It seems you have enabled the option to show a post thumbnail on the post/page

to disable it please follow this instruction

Dashboard >> Appearance >> Customizer >> Theme options >> layout options

Hope it works for you !!

Sincerely,

Minal

[minal]

Hello @Glen,

We’re glad that it works for you. If you have any queries please feel free to share !!

Sincerely,

Minal

[minal]

Hello @pixelfaenger,

Here is the CSS snippet for removing the overlay layer from the slider.

.slider-content-wrapper.style-without-bg .slider-image:before {
   display: none;
}

 

Sincerely,
Minal

[minal]

Hello Hansh,

I noticed you added the color code wrong there,

Instead of color: #000; you added color: #0000( i.e extra 0 )

you should add like

button.wp-block-navigation__responsive-container-open {

  color: #000;

}

first, try it by removing the CSS that you have added and if it does not work try to add that CSS snippet that I have given.

 

Sincerely,
Minal

[minal]

Hello @adminuseredit

It showing a blank image/default image because your post has no featured image in it. so that it shows the default image.

To show the image  you have to add a featured image

go to Dashboard >> Posts>> Post>> Edit Post and you will find the featured image section on the right sidebar

Sincerely,
Minal

 

[minal]

Hello hansh,

It seems you have set the foreground color to dark in  tweede.woonzorgdashboards.nl so it is visible

and in you set the foreground color to white so that it is not visible

Try changing the color to see if it works.

have you added color from additional CSS for a button?

Sincerely,

Minal

[minal]

Hello Hansh,

Here is the css for the mobile menu icon to show, It is not showing because the menu icon has a white color and the background color is also white so it is not visible.

to make it visible add below CSS snippet on your additional CSS

button.wp-block-navigation__responsive-container-open {
   color: #000;
}

Add your desired color code on the given CSS code

 

Sincerely,

Minal

 

[Author]

Posts