[minal]

Hello @Glen,

To achieve this style, Please add this CSS snippet to your additional CSS section

Please goto Dashboard>> Appearance >> Customizer >> Additional CSS

@media only screen and (min-width: 64em) {
   body:not(.home) .site-header-main .site-header-menu .menu-inside-wrapper .main-navigation .sub-menu {
     background: #fff;
   }

}

Add your desired color code to the above CSS

Hope it works for you !!

Sincerely,

Minal

[minal]

Hello @lankyman26

It seems the font plugin overwrites our theme’s default font,

default font for heading and site title or so is ‘Amatic SC’, cursive so try to add this font from your font plugin if available or you can add the following CSS snippets

#site-title, 
.site-title, 
#site-title a, 
.site-title a, 
.entry-title, 
.entry-title a, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.widget-title, 
.elementor-heading-title {
   font-family: 'Amatic SC', cursive !important;
}

to add that CSS please go to Dashboard>> Appearance>> Customizer>> Additional CSS

Hope it works for you !!

Sincerely,

Minal

 

 

[minal]

Hello Hansh,

When I check on your both homepage and inner page login button can be seen.

I saw your menu on your site and you have added a login/logout menu in a separate div or say not in the navigation

so that it looks different than other menu items. if so to change the color of login menu

try this CSS snippet

.home .wp-block-loginout a {
	color: var(--wp--preset--color--color-light);
}

and I saw you have two wrappers for menu items. if you do it like this yourself it is ok but if not please create new menu items and add your menu items accordingly to your current menus

and about the account, I will consult with the team and tell you about that.

Sincerely,
Minal

[minal]

Hello Cherise,

Can you share your site URL, so that we can check it  and give a solution for it.

Sincerely,

Minal

[minal]

Hello Cherise,

You can reduce the gap between page content. kindly  add following CSS snippet

@media screen and (min-width: 64em) {
  .singular-content-wrap,
  .site-main.woocommerce {
      padding-top:0;
  }
}

add your desire value on given CSS code

Sincerely,
Minal

[minal]

Hello Hansh,

By default columns will be stacked each other in tablet in WordPress however you can manipulate columns width by CSS given to it.

here is the CSS snippet for you to try

@media screen and (max-width: 64em) {
  .wp-block-columns.wp-block-footer-widget-area-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 47% !important;
  }
}

.wp-block-archives-list > li, .wp-block-categories-list > li {
   text-align: left;
}

Hope it works for you,

Sincerely,

Minal

 

[minal]

Hello Ginger,

Yes, you can lower the page title, to achieve this feat you have to add the following CSS snippet

.page:has(#sticky-playlist-section) .site-content {
     margin-top: 70px;
}

Sincerely,
Minal

[minal]

Hello Cherise,

To change the color of menu word to your desire color, Here is the CSS snippet for it.

.menu-toggle.toggled-on {
   color: #000;
}

Change your desire color value on given CSS

Hope it works for you,

Sincerely,
Minal

[minal]

Hello Hansh,

Here is the updated css for that hover color

please update the existing CSS with given code below

.wp-block-button .wp-block-button__link:hover {

   background: var(--wp--preset--color--custom-ttl) !important;

}

 

Sincerely,

Minal

[minal]

Hello Hans,

If you want the same background color on hover as the background color

you have to give the same background color on the hover button, Here is the CSS for it.

.wp-block-button__link:hover {

      background: var(--wp--preset--color--custom-ttl) !important;

}

Change the color value on CSS as per your need.

Sincerely,

Minal

 

[minal]

Hello Spiros,

To achieve curtain menu feat you have to add CSS in additional CSS section, To go to additional CSS, first open you dashboard and from there go to Appearance >> Customizer, you will find additional CSS section and paste the following CSS

@media screen and (max-width: 576px) {
	.site-header-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 0;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		position: absolute;
		top: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
		z-index: 9999;
		background: #fff;
		width: 100%;
		padding: 25px;
	}

	.site-header-menu.toggled-on {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	.main-navigation {
		height: 80vh;
		overflow-y: auto;
		scrollbar-width: none;
	}

	.site-header-menu.toggled-on {
		position: absolute;
	}
}

Hope it work as per your need.

Sincerely,

Minal

[minal]

Hello Ginger,

Here is the Css code for removing the underlines from playlist

.wp-playlist a {
	text-decoration: none !important;
}

and if you want to remove underlines from all links here is the following code for you

a {
	text-decoration: none !important;
}

Sincerely,
Minal

[minal]

Hello Ginger,

Your friend is not wrong but you have to add an extra code to it, Here is the  code for it

body:not(.home) .custom-header .entry-container-wrap {
	display:none;
}

Hope it will work for you,

Sincerely,

Minal

[minal]

Hello @Ginger Eldridge

It is nice that you figured out your problem by yourself, if not we will be there to assist you. And about blog page header needs to be thinner
you can add CSS code for that and to add that CSS you have to Dashboard >> Appearance >> Customizer and there you find an additional CSS section at the bottom and paste it there.

body:not(.home) .custom-header {
	padding: 80px 0 !important;
}

change the value as per your need\

Sincerely,

Minal

[minal]

Hello Hans,

To make site title not clickable you have to uncheck the settings option just like shown on the image below.

and about the hover color on button here is the CSS Snippet for you

.wp-block-button__link:hover {
	color: #b93636 !important;
}

change the color code in the following CSS as per your need.

Sincerely,
Minal

[minal]

Hello Hansh,

For anchor tags on page content, Add those css on you editor

.wp-block-post-content a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--text-link);
}

and for hover color try changing the color of the primary color, primary color is used as a hover color on this theme. and also try to change the primary color (i.e. hover color) and your custom-tll color to a different one. because you use the same color on both color names if you change your custom-ttl your primary color also be changed so try a slightly different color on the primary color .ie. hover color try this and let me know if any difficulties arise.

Sincerely,
Minal

[minal]

Hello Hansh,

Sorry about that error code. Here is the revise code

.page:not(.home) .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.page:not(.home) .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: #003ac4 !important;
}

.wp-block-post-content table td a {
	color:#003AC4;
}

Sincerely,
Minal

[minal]

Hello Hansh,

About your queries regarding of colors.
for hover and current item color and for table links on inner pages add those css

.page:not(.home) .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.page:not(.home) .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: #003ac4 !important:
}

.wp-block-post-content table td a {
	color:#003AC4;
}

change the color code in the following css as per your need

and about your button color you have set both background and text color the same color. you have to change one of the color to see properly

and about your home page menus it seems fine so you don’t have to do anything for that

Sincerely,
Minal

[minal]

Hello Hansh,

Can you give me links where those tables are located (I suppose this is the page https://leusden.hagmeijer.nl/groepen/ you are talking about)
and also share the screenshot.
and once try to change the color or background of the table by clicking on the table you might get a color option on the right sidebar like others.

if it did not work let me know I will give you a needy CSS for that.
Here is the CSS snippet if those editor color does not work for you

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {
	color: #color value !important or you can add those color variable var(--wp--preset--color--text-link) !important like this of your desire ;

}/code>

Sincerely,
Minal

[minal]

Hello Hansh,

I’m sorry about being misguided by me. And about the hover color, you cannot give two separate hover colors by editor however It can be achieved by giving CSS code to it on additional CSS.

.page:not(.home) .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	color: #003ac4 !important: * you can change the  value of your desire color
}

Hope it works for you.

Sincerely,

Minal

[Author]

Posts