Site logo

Archived topic

CSS tasty theme

1 reply · Started by francesco on March 9, 2022

Viewing posts 1–2 of 2

I used the tasty theme, but later changed it almost completely. is there any way to remove CSS that wouldn't be used by the tasty theme? or should I go by trial and error?

Hi there,

Please see below for all the CSS included in the default Tasty install:

#site-navigation {
		border-top: 1px solid rgba(0,0,0,0.1);
		border-bottom: 1px solid rgba(0,0,0,0.1);
}

button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited {
	border-width: 1px;
	border-style: solid;
	border-color: inherit;
}

.mc4wp-form-fields input[type="email"] {
	margin-bottom: 10px;
	width: 100%;
}

.entry-meta {
	font-weight: 300;
	font-size: 13px;
}

.main-navigation:not(.toggled) li.menu-social > a,
.main-navigation:not(.toggled) li.search-item > a{
	padding: 0 10px;
}

.post-image img {
	transition: opacity 500ms;
}

.post-image img:hover {
	opacity: 0.9;
}

.no-sidebar .entry-content {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.page.no-sidebar .entry-title {
	text-align: center;
}

.top-bar .lsi-social-icons a,
.top-bar .lsi-social-icons a:focus,
.top-bar .lsi-social-icons a:active,
.top-bar .lsi-social-icons a:hover {
    background: transparent !important;
}

.top-bar .lsi-social-icons li {
	margin-bottom: 0 !important;
}

You can try removing them snippet by snippet and determine whether they are needed or not.

Let me know if this helps :)

This archived topic is closed to new replies.