[Resolved] I updated GP to the version 1.12.0-rc.1

Home Forums Support I updated GP to the version 1.12.0-rc.1

Viewing 15 posts - 1 through 15 (of 24 total)
  • Author
    Posts
  • #1456637
    sanu kumar

    After updating GP to the version 1.12.0-rc.1 my CSS is not working properly on my site

    #1456640
    sanu kumar

    I also can’t change the headings (H3, H4, H5) font size

    #1456697
    David
    Staff
    Customer Support

    Hi there,

    do you have the Gutenberg plugin installed. If so remove that plugin and let me know.

    #1456714
    sanu kumar

    Yes, I am using Stackable but I am using it on my Blog posts, it can destroy my site if I remove but I did as you said but it doesn’t work.

    #1456719
    sanu kumar

    Is there any other way to go back to the previous version of GP without breaking the site.

    #1456731
    David
    Staff
    Customer Support
    #1456751
    sanu kumar

    I am not using this plugin

    #1457205
    Leo
    Staff
    Customer Support

    Any chance you can link me to the site so I can take a look at the heading issues?

    Nothing should be changed there and we haven’t had any other reports on this.

    Let me know 🙂

    #1457238
    sanu kumar

    https://www.masteryblogging.com/siteground-black-friday-deal/

    Some CSS is not working like just below the H1 my image had a round circle with padding but it is now showing square and large. Similarly, the author bio also does not look good after the content. I have also added the link hover underline CSS, it’s not working.

    I can see there is not showing any to change the font size of the Headings (H3, H4 and so on…)

    #1457306
    Tom
    Lead Developer
    Lead Developer

    Where was your custom CSS added?

    What are your heading font sizes set to in the Customizer?

    What version of GPP did you update from?

    Thanks! 🙂

    #1457355
    sanu kumar

    This is the entire CSS which I am using on my site.

    #ez-toc-container {
        display:block;
        border-width:2px!important;
        padding: 5px 20px 20px;
        margin: 40px 0px;
        overflow: hidden;
        border-radius: 5px;
    }
     
    #ez-toc-container ul.ez-toc-list a {
        display: block;
    }
     
    .ez-toc-title {
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }
     
    .ez-toc-list li {
        position: relative;
        margin: 0;
        cursor: pointer;
        background: #f7f7f7;
        border-bottom:1px solid #ddd;
        float: left;
        width: 100%;
    }
     
    .ez-toc-list li a {
        color: inherit;
        padding: 6px;
    }
     
    .ez-toc-list li a:hover {
        text-decoration: none!important;
        background: #e8f3e975;
    }
     
    .ez-toc-list li:nth-child(odd) {
        background: #ffffff!important;
    }
     
    .ez-toc-list li:nth-child(even) {
        background: #f7f7f7!important;
    }
     
    .ez-toc-list li > ul > li:nth-child(odd) {
        background:#f7f7f7!important;
    }
     
    .ez-toc-list li > ul > li:nth-child(even) {
        background:#ffffff!important;
    }
     
    .ez-toc-list li > ul > li:first-child,.ez-toc-list li:first-child {
        border-top:1px solid #ddd;
    }
     
    .ez-toc-list li > ul > li:last-child {
        border-bottom:none;
    }
     
    @media(max-width:768px){
    #ez-toc-container {
        padding: 5px 10px 10px;
    }
    }
    @media(max-width:768px){
    #ez-toc-container {
        padding: 5px 10px 10px;
    }
    }
    .posted-on .updated {
    display: inline-block;
    }
    .posted-on .updated + .entry-date {
    display: none;
    }
    
    .posted-on .updated:before {
    content: "Last Updated  ";
    }
    .entry-content img {
    border: 0px solid rgb(234,236,241);
    	border-radius: 26px;
        box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    }
    
    .byline img {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        position: relative;
        vertical-align: middle;
        margin: 0 9px 0;
    }
    
    .byline,
    .comments-link,
    .posted-on {
    	display: inline-block;
    }
    
    .comments-link,
    .posted-on {
    	border-left: 1px solid #ddd;
    	padding-left: 9px;
    	margin-left: 9px;
    }
    
    .comments-link:before {
    	display: none;
    }
    .posted-on .updated:before {
        content: "Last Updated On ";
    }
    .entry-content {
        margin-top: 0.5em;
    
    }
    .page-header-image-single {
        box-shadow: 0 10px 30px 0 rgba(0,0,0,0.3);
        overflow: hidden;
    }
    @media (max-width: 768px) {
        .entry-meta {
            font-size: 15px;
        }
    }
    @media (max-width: 768px) {
        body {
            font-size: 17px;
        }
    }
    @media (max-width: 768px) {
        h2 {
            font-size: 21px;
        }
    @media (max-width: 768px) {
        h3 {
            font-size: 19px;
        }
    
        h4 {
            font-size: 19px;
        }
    	h5 {
    		font-size: 19px;
    }
    }
    .elementor-pagination{
    	margin-top:50px!important;
    }
    .elementor-posts .elementor-post__card .elementor-post__title:hover, .sidebar ul li:hover a {
        background: -webkit-gradient(linear,left top,right top,from(#c10aff),to(#f002ff));
        background: linear-gradient(to right,#c10aff,#f002ff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        text-shadow: none;
        text-decoration: underline;
    }
    .comment-content {
        background-color: #e7f6ff;
    }
    .align-center {
        text-align: center;
    }
    /* Know More button */
    a.button.know-more {
        background: linear-gradient(150deg, rgba(193,10,255,1) 0%, rgba(240,2,255,1) 100%);
        border-image: initial;
        border-radius: 100px;
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        font-size: 20px;
        margin: 3px 1px 0px;
        padding: 7px 25px;
        text-decoration-line: none;
        transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;
        border: 1px solid inherit;
    }
    /* Know More Hover */
    a.button.know-more:hover {
        background: linear-gradient(150deg, rgba(193,10,255,1) 0%, rgba(240,2,255,1) 100%);
    
        color: black !important;
    }
    .comment-content {
        padding: 40px;
        box-sizing: border-box;
        box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.1);
    }
    .comments-area .comment-author-masteryblogging .comment-body .comment-content {
        margin-left: 60px;
    }
    .page .entry-title {
        margin-bottom: 1.5em;
    }
    .entry-content a {
    	font-weight:500;
    	border-bottom: 0px;
    }
    .wptb-button-container .wptb-button-wrapper a {
        border-bottom: none !important;
    }
    a.ugb-button {
        border: 0 !important;
    }
    .entry-content a.underline {
        border-bottom: 1px solid #000;
    }
    h2.entry-title a:hover {
        background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));
        background: linear-gradient(to right,#ff8a00,#da1b60);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        text-shadow: none;
        text-decoration: underline;
    }
    .posted-on .updated {
        font-weight: 700;
    }
    .posted-on .updated::before {
        font-weight: normal;
    }
    .post-image img {
    border: 0px solid rgb(234,236,241);
    box-shadow: 0px 10px 25px 0px rgba(1,10,0,0.33)
    }
    .page-numbers {
    	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
        background-color: #1B3E5A;
        border-radius: 5px;
    text-align: center;
    	
      color: #fff !important; 
    	padding: 5px 15px;
        margin-right: 0.25em;
    }
    .page-numbers:hover,
    .page-numbers.current {
        background-color: #ff7e00;
        color: #ff7e00
    	}
    .elementor-pagination {
    	padding-top: 60px;
    }
    .elementor-widget-container a {
        border-bottom: none !important;
    }
    .byline img {
        border: 3px solid #71c21b;
    	padding: 2px
    }
    body:not(.home) .site-header,
    body:not(.home) #mobile-header
    .inside-navigation {
        box-shadow: 0 2px 20px 0px rgba(0, 0, 0, .2);
    }
    /* FAQ Starts Here */
    .rank-math-question {
        border-bottom: 1px solid #e2e3f6;
        padding-bottom: 0.825rem;
        margin-bottom: 0.825rem;
        position: relative;
        padding-right: 40px;
    	font-size:22px;
    }
    .rank-math-list-item {
        padding: 20px 20px 10px;
        box-shadow: 0px 0px 10px #d1d8dd, 0px 0px 40px #ffffff;
        margin-bottom: 2rem;
        border-radius: 5px;
    }
    .rank-math-question:after {
        content: "?";
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        line-height: 30px;
        text-align: center;
        color: #a6b1b8;
        background: #e8edf0;
        border-radius: 40px;
    }
    /* FAQ Ends Here */
    .page-hero-gravatar img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        position: relative;
        vertical-align: middle;
        margin: 0 10px 0 0;
    }
    
    .author, .page-hero-gravatar {
        display: inline-block;
    }
    .page-hero-gravatar img {
    	border: 4px solid;
    	color: #64c100;
        padding: 3px;
    }
    .author-box a {
        border-bottom: 2px solid rgba(45, 130, 230, 0.4);
    }
    .page-hero-gravatar img {
    	border: 4px solid;
    	color: #64c100;
        padding: 3px;
    }
    .author-description {
    	  font-size: px;
        margin-bottom: 5px;
    }
    .author-box {
        padding: 4%;
        margin-top: 60px;
        display: flex;
        flex-wrap: wrap;
    	background-color: #FFF47D;
    }
    .author-box .avatar {
        width: 40px;
        border-radius: 100%;
        margin-right: 20px;
    }
    h.author-title {
        margin-bottom: 0.5em;
    	  font-size:1.5em;
    }
    /*images*/
     figcaption {
         font-size: 15px;
         color: #8e9498;
    }
    /*---[ Related Posts ]---*/
    .relatedposts {
    	clear:both;
        padding: 50px 0;
    	position:relative;
    }
    .relatedposts ul {
    	margin: 0;
    	padding: 0;
    }
    .relatedposts ul li {
        background: #fff;
        box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.1);
    	float:left;
    	list-style: none;
    	margin:0 3% 0 0;
        position: relative;
    	width:30.33%;
    }
    .relatedposts ul li:hover {
        box-shadow: 0 10px 30px 0 rgba(0,0,0,0.3);
    }
    .relatedposts ul li:nth-child(4n) { margin-right:0 }
    .relatedposts img {
    	float: left;
    	height: auto;
    	width: 100%;
    }
    .relatedposts .title {
    	font-size:20px;
    	line-height:30px;
    	margin:0;
    }
    .relatedposts .section-heading {font-size:40px}
    .relatedposts .relatedthumb {
    	display: block;
    	float: left;
        margin-bottom: 15px;
    	width: 100%;
    }
    .relatedposts .related-content {
    	clear:both;
        padding: 0 20px 20px;
    }
    .relatedposts ul li
        {
    			width:100%!important;
    			margin-bottom:20px!important;
        }
    /*---[ Author Box ]---*/
    .author-box {
        background
        margin: 0 0 50px 0;
        overflow: hidden;
        font-size: 19px;
        line-height: 34px;
        box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.1);
        padding: 30px 30px;
    }
    body:not(.blog):not(.archive) .inside-article a {
    	font-weight: normal;
    }
    body:not(.blog):not(.archive) .inside-article a:hover {
        text-decoration: underline;
    }
    .relatedposts .related-content .title {
        font-size: 16px;
        line-height: 23px;
        margin: 0;
    }	

    I upgraded GPP from version Version: 1.11.3

    Under customizer, I can see only H1 and H2 font size options, I cant see a font size option on H3, H4, H5 H6. I have captured a screenshot of this. See here: https://ibb.co/X5xfVqv

    #1457370
    Tom
    Lead Developer
    Lead Developer

    Where was that CSS added? I’m not able to see it on the site.

    The font size missing is strange – can you deactivate your other plugins to rule out a plugin conflict? Nothing has changed with those options in 1.12.0 vs 1.11.3.

    #1457387
    sanu kumar

    Hey Tom

    My all the CSS is not working on GP 1.12.0-rc.1

    I am using this CSS for FAQ Rank Math

    /* FAQ Starts Here */
    .rank-math-question {
        border-bottom: 1px solid #e2e3f6;
        padding-bottom: 0.825rem;
        margin-bottom: 0.825rem;
        position: relative;
        padding-right: 40px;
    	font-size:22px;
    }
    .rank-math-list-item {
        padding: 20px 20px 10px;
        box-shadow: 0px 0px 10px #d1d8dd, 0px 0px 40px #ffffff;
        margin-bottom: 2rem;
        border-radius: 5px;
    }
    .rank-math-question:after {
        content: "?";
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        line-height: 30px;
        text-align: center;
        color: #a6b1b8;
        background: #e8edf0;
        border-radius: 40px;
    }
    /* FAQ Ends Here */

    In the previous version, it was working.

    Same like this, many CSS is not working.

    One more I can show you: I was using this CSS for hyperlink underline hover but it’s not working now.

    body:not(.blog):not(.archive) .inside-article a {
    	font-weight: normal;
    }
    body:not(.blog):not(.archive) .inside-article a:hover {
        text-decoration: underline;
    }
    
    #1457399
    Tom
    Lead Developer
    Lead Developer

    Where is the CSS added, though? In a child theme? Additional CSS?

    #1457409
    sanu kumar

    Customize < Additional CSS

Viewing 15 posts - 1 through 15 (of 24 total)
  • You must be logged in to reply to this topic.