Skip to content

Instantly share code, notes, and snippets.

@Rajinsharwar
Created October 4, 2023 02:08
Show Gist options
  • Save Rajinsharwar/e789bb2ebd54decc6170e219eeda44c0 to your computer and use it in GitHub Desktop.
Save Rajinsharwar/e789bb2ebd54decc6170e219eeda44c0 to your computer and use it in GitHub Desktop.
Please paste the below CSS code by navigating under Appearance > Customizer
.wp-block-post-featured-image.alignfull img, .wp-block-post-featured-image.alignwide img {
border-radius: 10px !important;
}
.alignwide .wp-block-post-featured-image{
margin-top:25px!important;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li {
width: 100% !important;
}
.has-x-large-font-size {
font-size: 29px !important;
}
.is-content-justification-space-between.is-layout-flex.wp-container-17.wp-block-group.alignwide {
max-width: unset !important;
width: 62% !important;
}
h2.alignwide.wp-block-post-title.has-medium-font-size{
font-size: 12px !important;
}
.wp-block-post.post-33.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-uncategorized {
display: none !important;
}
.wp-block-post.post-31.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-uncategorized {
display: none !important;
}
ul.is-layout-flow .has-tertiary-background-color {
margin-top: 0 !important;
}
p.wp-block-site-title.has-x-large-font-size {
font-style: normal !important;
}
p.wp-elements-dfb0a0589aeaba8192423a2728a6b6a0 .has-text-align-right .has-link-color{
font-weight: 500 !important;
}
.is-layout-constrained .wp-block-group .alignfull{
height: unset !important;
}
.is-layout-flow.wp-elements-104e35a5e6ab9d94d7d4dcb8c5cc094c.wp-block-query.has-foreground-color.has-tertiary-background-color.has-text-color.has-background.has-link-color {
margin-right: auto !important;
display: block !important;
width: 107% !important;
margin-top: 0 !important;
margin-left: -3.5% !important; /* Half of the excess width to center the element */
}
ul.is-layout-flow.wp-block-post-template {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important; /* Three full columns */
gap: 15px !important;
padding: 0 25px 45px 25px !important;
}
.wp-block-post-template.is-flex-container {
flex-direction: row !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 1.25em !important;
}
.wp-block-post-template.wp-block-post-template {
background: none !important;
}
body .is-layout-flow > * {
margin-block-start: 0 !important;
margin-block-end: 0 !important;
}
.wp-block-post-template {
margin-top: 0 !important;
margin-bottom: 0 !important;
max-width: 100% !important;
list-style: none !important;
padding: 0 !important;
}
.has-foreground-background-color {
background-color: #6FACAC !important;
}
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--content-size) !important;
margin-left: auto !important;
text-align: center !important;
margin-right: auto !important;
}
h1.wp-block-site-title {
display: flex !important;
justify-content: center !important;
align-items: center !important;
height: 100% !important; /* This ensures the container takes the full height of its parent */
}
h1.wp-block-site-title {
text-indent: -9999px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 75px !important;
height: 75px !important;
background: url('https://tasksheet.tempurl.host/wp-content/uploads/2022/04/WordPress-logotype-simplified-300x300.png') no-repeat center center / contain !important;
margin: auto !important; /* This can help in some cases but might not be necessary */
}
.wp-block-navigation__container {
background: white !important;
color: black !important;
padding: 7px !important;
margin-top: 5px !important;
}
.wp-block-search {
margin-top: -85px !important;
}
.has-foreground-background-color {
background-color: #6FACAC !important;
height: 410px !important;
}
.wp-elements-104e35a5e6ab9d94d7d4dcb8c5cc094c a, .wp-elements-dfb0a0589aeaba8192423a2728a6b6a0 a {
color: #6FACAC !important;
}
.wp-block-search .wp-block-search__label {
display: none !important;
}
.wp-block-navigation .wp-block-navigation-item__label {
color: #6facac !important;
}
#wp-block-search__input-4 {
border-radius: 0 !important;
}
.wp-block-search__button.has-text-color.has-foreground-color.has-background.has-secondary-background-color.wp-element-button {
border-radius: 0 !important;
}
.has-secondary-background-color {
background-color: #C95303 !important;
}
.wp-block-search__button, .wp-block-file .wp-block-file__button {
font-weight: 500 !important;
}
.is-layout-constrained .wp-block-group {
padding-top: 10px !important;
}
.wp-block-image {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.wp-block-image img {
height: auto !important;
max-width: unset !important;
width: 154% !important;
margin: auto !important; /* This helps in centering the image */
}
.is-content-justification-space-between.is-layout-flex.wp-container-17.wp-block-group.alignwide {
padding-bottom: 0 !important;
}
.is-layout-constrained .wp-block-group .alignfull{
height: 35px !important;
}
a:where(:not(.wp-element-button)) {
color: #C95203 !important;
}
.has-text-align-right {
margin-right: -45px !important;
font-size: 14px !important;
font-weight:500 !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment