[Resolved] can you make the annotation in the Mellow theme CSS,like /* page no template*/

Home Forums Support can you make the annotation in the Mellow theme CSS,like /* page no template*/

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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 */

    #923033
    David
    Staff
    Customer Support

    Hi 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;
        }
    }
    #923302
    d

    Thanks.David.

    #923304
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.