Home › Forums › Support › can you make the annotation in the Mellow theme CSS,like /* page no template*/
- This topic has 3 replies, 2 voices, and was last updated 4 years ago by
David.
-
AuthorPosts
-
June 7, 2019 at 5:04 pm #923021
d
I want to change the theme parameter,but I don’t know the meaning,so can you add the annotation,so i can set by myslef.like /*this parameter to set page no template*/
/* GeneratePress Site CSS */ @media (min-width: 769px) {
#site-navigation .inside-navigation {
border-bottom: 1px solid rgba(0,0,0,0.2);
}.header-wrap #site-navigation .inside-navigation {
border-color: rgba(255,255,255,0.3);
}.main-navigation .main-nav > ul > li > a {
border-bottom: 1px solid transparent;
transition: border-color 500ms ease, color 500ms ease;
}.main-navigation .main-nav > ul {
position: relative;
bottom: -1px;
}.main-navigation .main-nav > ul > li:hover > a,
.main-navigation .main-nav > ul > li.sfHover > a,
.main-navigation .main-nav > ul > li[class*=”current-menu-“] > a {
border-color: inherit;
}.page-hero + #page {
margin-top: -100px;
}
}.inside-article, .sidebar .widget, .comments-area {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
transition: box-shadow 500ms ease;
border-radius: 3px;
}.inside-article:hover, .sidebar .widget:hover, .comments-area:hover {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
/* page no template*/
.no-sidebar:not(.generate-columns-activated) .inside-article > *, .no-sidebar #comments {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}.separate-containers .paging-navigation {
padding: 0;
background: none;
}.nav-links > * {
padding: 10px 15px;
border-radius: 3px;
}.nav-links > a {
background: rgba(0,0,0,0.9);
color: #fff;
}.site-info {
border-top: 1px solid rgba(0,0,0,0.2);
}button, html input[type=”button”], input[type=”reset”], input[type=”submit”], a.button, a.button:visited, .wp-block-button__link:not(.has-background) {
border-radius: 3px;
}
/* change the site logo color*/
.site-branding {
background: rgba(30,115,190,0.8);
display: inline-block;
padding: 10px 30px;
border-radius: 3px;
transition: background 500ms ease;
}.site-branding:hover {
background: rgba(30,115,190,0.5);
}
@media (max-width: 768px) {
#page {
margin: -75px 15px 0 15px;
}
} /* End GeneratePress Site CSS */June 7, 2019 at 5:35 pm #923033David
StaffCustomer SupportHi there,
do you mean something like this:
/* Media query - CSS within only applies to desktop */ @media (min-width: 769px) { /* Sets the border thickness and color of border below nav */ #site-navigation .inside-navigation { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } /* Adjust opacitiy of Border when page hase a mergeed header element */ .header-wrap #site-navigation .inside-navigation { border-color: rgba(255, 255, 255, 0.3); } /* Adds a border below the current page menu item */ .main-navigation .main-nav>ul>li>a { border-bottom: 1px solid transparent; transition: border-color 500ms ease, color 500ms ease; } /* Offsets navigation so current page menu border sits on top of main border */ .main-navigation .main-nav>ul { position: relative; bottom: -1px; } /* Changes the color of menu item border on hover/current to that of menu item hover/current color */ .main-navigation .main-nav>ul>li:hover>a, .main-navigation .main-nav>ul>li.sfHover>a, .main-navigation .main-nav>ul>li[class*="current-menu-"]>a { border-color: inherit; } /* Pulls page content up when header element exists to create overlapping effect */ .page-hero+#page { margin-top: -100px; } } /* End of Media Query - CSS that follows applies to all screens */ /* Add shadow and border radius to inside article, sidebar widgets and comments */ .inside-article, .sidebar .widget, .comments-area { box-shadow: 0 0 30px rgba(0, 0, 0, 0.04); transition: box-shadow 500ms ease; border-radius: 3px; } /* adjusts the above shadow when element is hovered on */ .inside-article:hover, .sidebar .widget:hover, .comments-area:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } /* Changes the width of the content area on posts/pages when there is no sidebar */ .no-sidebar:not(.generate-columns-activated) .inside-article>*, .no-sidebar #comments { max-width: 700px; margin-left: auto; margin-right: auto; } /* removes padding and background color from page numeber navigation on blog and archives */ .separate-containers .paging-navigation { padding: 0; background: none; } /* Adds padding and border radius to navigation links */ .nav-links>* { padding: 10px 15px; border-radius: 3px; } /* Sets the color of above navigation links */ .nav-links>a { background: rgba(0, 0, 0, 0.9); color: #fff; } /* Adds a border to the top of site info copyright bar at footer */ .site-info { border-top: 1px solid rgba(0, 0, 0, 0.2); } /* Adds border radius to all buttons */ button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited, .wp-block-button__link:not(.has-background) { border-radius: 3px; } /* Adds background color, border radiues etc to Site Title */ .site-branding { background: rgba(0, 0, 0, 0.8); display: inline-block; padding: 10px 30px; border-radius: 3px; transition: background 500ms ease; } /* Changes Site title background color when hovered on */ .site-branding:hover { background: rgba(0, 0, 0, 0.5); } /* On smaller screens adjust margins of the Page content for smaller overlap */ @media (max-width: 768px) { #page { margin: -75px 15px 0 15px; } }
June 8, 2019 at 6:38 am #923302d
Thanks.David.
June 8, 2019 at 6:42 am #923304David
StaffCustomer SupportYou’re welcome
-
AuthorPosts
- You must be logged in to reply to this topic.