[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

[minal]

Hello Hansh,

Thank you for your clear explanation.
and yes you can add separate colors on menus. you have used two separate header parts in the home page and pages so you can change the color on those separate header parts
you can find template parts by going Dashboard > Appearance >> Editor >> Patterns and you will find manage all parts at the bottom
https://prnt.sc/BbjC-5CGbsfR
https://prnt.sc/Yx6nRdIORiov

Sincerely,

Minal

[minal]

Hello Hansh,

After seeing your site, you have changed the hover color on menus to #003af4 which will work and might be the best solution for you. or you can change the submenu background and text.

Sincerely,

Minal

[minal]

Hello Hansh,

If you face any difficulty throughout your build up, we are here to assist you

Sincerely,

Minal

 

[minal]

Hello Hansh,

If you want to change the color of arrow bullets you have to change the text-link color from the editor,

if you hover those color you will see text-link text and that’s one you have to change. but it will change all over the page where text-link is used.

and if you want to solely change that specific bullets try adding below CSS snippets

ul li:marker {

color: your desired color value;

}

 

and if you want the same color as the list text in your bullets

ul li:marker {

color: inherit;

}

Hope it works for you,

Sincerely,
Minal

[minal]

Hello Hansh,

I cannot figure out which list of buttons are you referring. can you please provide me a screenshot of it so I can come up with a solution?

Sincerely,

Minal

[Author]

Posts