[Support request] Envy Blog Problems reports and suggestions

Home Forums Envy Blog Envy Blog Problems reports and suggestions

This topic contains 5 replies, has 2 voices, and was last updated by  Taeho Lee 1 month ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #10426

    Taeho Lee
    Participant

    1. A typographic for all tags is required.
    I want to change the typography in pre tag or code tag or input, textarea. etc.
    Using css is not what I want. I just hope I can change that in my customizer.

    2. A very well-completed theme, but the comments and sidebar widgets look incomplete.
    It feels like a theme I used when I first installed WordPress.
    I want a more attractive design. I don’t want to modify this in my child’s theme.

    3. The header is hidden when there is a site adminbar.
    I solved this with position: relative. but, Sticky header is not working.

    4. Customize search pages
    Design settings, post-only searches. etc

    5. *a very serious problem* Heather’s resize() is acting strangely to me!
    When the screen is suddenly over 992px, the header covers the Bradcrumbs.
    The last header, in particular, covers the entire screen in size.
    It seems to be OK on your demo site, but this is a really weird problem for me.

    In addition, I hope this will be resolved in the next version rather than my own solution.
    (Thanks. I am not good at English. so sorry)

    #10435

    Rabindra
    Keymaster

    Hi @Lee,

    Sorry for the delay could you please allow us your site URL.

    Thanks!

    #10462

    Taeho Lee
    Participant

    this is my blog URL.
    https://blog.cinntiq.com/

    but, it is fixed by child theme, so all problems that i said are not appeared in my blog…

    and additional problems have occurred.
    The resize function behaves strangely in theme-custom.js i guess.
    Top: ?px on the mobile menu after re-size as well as header does not work as expected.

    #10495

    Taeho Lee
    Participant

    I had a problem with the theme colliding with some plug-ins.
    Number five was my problem. I’m sorry.
    I solved it by adjusting the plug-in’s options and some stylesheet.

    Number three is still a problem.
    Maybe it doesn’t need my site.
    Very simple problem.

    In addition, when there is only the next post in post navigation, I hope the position will go to the right. Now it’s in left.

    The rest is a proposal either.
    so please consider it in the next version!

    Thanks!

    #10517

    Rabindra
    Keymaster

    Hi @Lee,

    Regarding Post navigation, we will fix it in our upcoming version and for question 1 and 4 we don’t have options for it on our themes. It needs code customization work. Could you please allow us screenshots for the questions 2 and 5 so that we can guide you.

    Thanks!

    #10580

    Taeho Lee
    Participant

    Here is my fixed code. i hope it will helps your theme.
    (I am not a web programmer, so it may not perfect, I just want you to refer to it!…)
    ###########################################################################################################
    # child-custom.js #
    ###########################################################################################################
    (function($) {
    ‘use strict’;

    $(window).on(‘load resize’, function() {
    var wpadminbarHeight = $(‘#wpadminbar’).outerHeight();

    // When wpadminbar is exist, fix wpadminbar covering header issue with considering mobile screen mode
    $(‘#wpadminbar’).css(‘position’, ‘fixed’);
    $(‘.logged-in.admin-bar .nav-bar.is-sticky’).css(‘top’, wpadminbarHeight + ‘ !important’);
    $(‘.logged-in.admin-bar .nav-bar:not(.is-sticky)’).css(‘margin-top’, wpadminbarHeight);

    // When the screen is smaller than 992 and then bigger than 992 on desktop, fix the header covers the screen bug
    if($(window).width() > 992) {
    $(‘.main-navigation-wrap.main-navigation-sm’).css(‘height’, ‘auto’);
    }
    });
    })(jQuery);
    ###########################################################################################################
    # child-style.css #
    ###########################################################################################################
    /*————————————————————–
    # Font
    ————————————————————–*/
    @import url(‘https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap&subset=korean’);
    /*————————————————————–
    # Tag
    ————————————————————–*/
    * { box-shadow: none !important }
    *:not(i):not(span) { font-family: ‘Nanum Gothic’ !important }
    a.btn.underline { padding: 8px 0 }
    pre {
    border-radius: 10px;
    text-align: left
    }
    /*————————————————————–
    # Container
    ————————————————————–*/
    .container .has-full-width { padding: 0 }
    /*————————————————————–
    # Header
    ————————————————————–*/
    .nav-bar:not(.nav-bar-show) { background: rgba(255, 255, 255, .85) }
    .nav-bar .site-branding img {
    margin: 15px 0;
    max-width: 180px
    }
    /*————————————————————–
    # Search Close Button
    ————————————————————–*/
    .logged-in.admin-bar .nav-bar-search-close .pt-icon-close { top: 62px !important }
    .nav-bar-search-close .pt-icon-close {
    bottom: 0;
    left: 100%;
    margin-left: -72px;
    top: 30px
    }
    .nav-bar-search-close .pt-icon-close:hover { color: #f1f2f6 }
    /*————————————————————–
    # Page Header
    ————————————————————–*/
    .page-header {
    background: transparent;
    text-align: center
    }
    .page-header figure img {
    background-color: #f1f2f6;
    border-radius: 50%;
    opacity: 1
    }
    .page-header .page-title{ font-size: 18px }
    /*————————————————————–
    # Archive Title
    ————————————————————–*/
    .page-header-content .page-title label span {
    background: #ffffff;
    border: 2px solid #3a3b3c;
    color: #3a3b3c;
    font-weight: bold
    }
    /*————————————————————–
    # Post&Page Content
    ————————————————————–*/
    .page-content .entry-content,
    .post-content .entry-content {
    margin: 45px auto;
    max-width: 720px;
    padding: 15px
    }
    .post-content .entry-meta {
    padding: 15px
    }
    .post-content .entry-meta > * {
    margin: 5px
    }
    .page-content .edit-link,
    .post-content .edit-link {
    display: block;
    margin: 15px
    }
    .page-content .entry-social-share .social-share-wrap li a:hover,
    .post-content .entry-social-share .social-share-wrap li a:hover {
    background: transparent;
    color: #e8eced
    }
    /*————————————————————–
    # Search Result
    ————————————————————–*/
    .search-results .content-wrap { margin-top: 0 }
    /*————————————————————–
    # Comment
    ————————————————————–*/
    .comments-area { padding: 10px }
    .comments-area .comments-title {
    border-bottom: 1px dashed #e8eced;
    color: #2d3436;
    padding: 25px 0
    }
    .comment-list li .children { margin-left: 15px }
    .comment-list ol,
    .comment-list ol ol {
    margin: 0
    }
    .comments-area .comment-list .comment .comment-body {
    border-bottom: 1px dashed #e8eced;
    padding: 15px
    }
    .comments-area .comment-list .comment .comment-body .comment-meta .comment-author img {
    background-color: #f1f2f6;
    border-radius: 50%
    }
    .comments-area .comment-list .comment .comment-body .comment-meta .comment-author .says { display: none }
    .comments-area .comment-list .comment .comment-body .comment-meta .comment-metadata time { color: #636e72 }
    .comments-area .comment-list .comment .comment-body .comment-meta .comment-metadata .edit-link a {
    color: #636e72;
    margin-left: 5px;
    padding-left: 10px
    }
    .comments-area .comment-list .comment .comment-body .reply {
    bottom: 0;
    position: relative
    }
    .comments-area .comment-list .comment .comment-body .reply a { color: #636e72 }
    .comments-area .comment-respond {
    border-radius: 10px;
    margin: 15px 0
    }
    .comments-area .comment-respond .comment-reply-title small a {
    color: #636e72;
    font-size: 15px;
    margin-left: 5px;
    padding-left: 10px
    }
    .comments-area .comment-respond .comment-form label { padding: 15px 10px }
    .comments-area .comment-respond .comment-form input:not([type=’checkbox’]),
    .comments-area .comment-respond .comment-form textarea {
    background: #fafafa;
    border: none;
    border-radius: 10px;
    padding: 12px 10px;
    resize: none;
    width: 100%
    }
    .comments-area .comment-respond .comment-form .comment-form-cookies-consent { display: none }
    .comments-area .comment-respond .comment-form .form-submit { margin-left: 0 }
    .comments-area .comment-respond .comment-form .form-submit input[type=”submit”] {
    background: #f1f2f6;
    border-radius: 10px;
    color: #636e72
    }
    .comments-area .comment-respond .comment-form .form-submit input[type=”submit”]:hover {
    background: #636e72;
    color: #f1f2f6;
    transition: .5s
    }
    /*————————————————————–
    # Widget
    ————————————————————–*/
    .widget-area .inner-wrapper-sticky,
    .widget-area .search-field,
    .widget-area .search-submit {
    width: 100%
    }
    .widget-area .widget .widget-title {
    border-bottom: 1px dashed #e8eced;
    padding: 15px
    }
    /*————————————————————–
    # Media Frame Player
    ————————————————————–*/
    .mfp-container.mfp-iframe-holder .mfp-iframe-scaler button:hover {
    background: transparent;
    color: #f1f2f6
    }
    /*————————————————————–
    # Responsive Style
    ————————————————————–*/
    @media screen and (max-width: 576px) {
    .container,
    .nav-bar,
    .main-navigation-sm ul,
    .secondary-navigation-sm ul {
    padding: 0 30px
    }
    .related-posts article:not(:last-child) { margin-bottom: 30px }
    }
    @media screen and (min-width: 769px) {
    .nav-links { word-break: keep-all }
    .nav-links>div { width: 50% !important }
    .nav-links>.nav-next:only-child { margin-left: 50% }
    }
    ###########################################################################################################

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.