• First of all, connecting to the site I’m having trouble with from a country other than Turkey and Germany is blocked because there are too many attacks. So if you can’t access the site, you can try with VPN.

    I had customized with additional css codes in my Generatepress theme, but when I added links to my H2 headers, the size of my headers decreased. I want my title not to change size when I add a link.

    Problem: https://ibb.co/p3L69B3

    Normal size: https://ibb.co/ryrrLXQ

    Additional css codes I added to my site:

    .mg-nav-widget-area-back
    {
    background-image: none !important;
    }
    /* SSS Görünüm / .rank-math-list-item { -webkit-box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.75); border-radius: 4px; margin: 1em auto; overflow: hidden; padding: .5em .8em; } / H2 - H3 */
    .single-post .entry-content h2 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 30px;
    border-left: 20px solid rgba(52, 62, 71, 100);
    padding-left: 15px;
    background-color: rgba(236, 241, 237, 1);
    background-image: none;
    } .single-post .entry-content h3 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 25px;
    border-left: 20px solid rgba(145, 221, 232, 100);
    padding-left: 15px;
    background-color: rgba(236, 241, 237, 1);
    background-image: none;
    }
    /* Ana Sayfa Başlık ve Metalar */
    .entry-title a {
    color:#2f4468!important;
    font-weight:600!important;} .entry-meta a {
    color: #727272!important;}
    .entry-meta a:hover {
    color: #000!important;} .inside-article, .sidebar .widget {
    border: 1px solid #e7e7e7;
    border-radius: 5px;} /* Ana Sayfa Read More */
    a.read-more.button{
    background-color:#000;
    color: rgb(255, 255, 255);
    width: 190px;
    height: 54px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    border-color: transparent;
    padding: 12px 15px;
    border-radius: 10px;
    transition: all 0.5s;
    position: relative;
    } a.read-more.button:hover{
    padding-right: 24px;
    padding-left:8px;
    background-color:#212121;
    } .read-more-container{
    float: right;
    }
    /* İçerik Tablosu Kenar / .lwptoc_i{ background-color:#343e47; border-style:solid; border-width:3px; border-color:#343e47; } / İçerik Tablosu / .entry-content a:not(.button):not(.wp-block-button__link):not(.gb-button) { text-decoration: none; background-image: linear-gradient( transparent 2px, #2ed392 2px, #2ed392 4px, transparent 4px ), linear-gradient( transparent 2px, #d8dce9 2px, #d8dce9 4px, transparent 4px ); background-size: 0% 6px, 100% 6px; background-position: 0 bottom, 0 bottom; transition: background-size 0.3s ease-in-out; background-repeat: no-repeat; padding-bottom: 3px; font-size: 19px; font-weight: 600; } / İçerik Tablosu İç Link / .entry-content a:hover:not(.button):not(.wp-block-button__link):not(.wp-block-button__link){ color: #115cfa; background-size: 100% 6px; } / Diğer */
    .home .inside-article {
    padding: 30px !important;
    } .category .inside-article {
    padding: 30px !important;
    } .category .page-header { padding: 50px 30px 50px 30px !important;
    background-color:transparent;
    } .page-header h1 {
    font-size: 1.5em;
    margin-top: -30px;
    } .entry-header h1 {
    text-align: center;
    }
    /* Alıntı Görünüm / blockquote { background-color: rgba(236, 241, 237, 1); border-left: 20px solid rgba(190, 144, 36, 100); padding: 15px; font-style: inherit; font-size: 18px; margin: 0 0 1.5em; } / YouTbe Video / .wp-block-embed__wrapper{width:650px;} .is-provider-youtube{display: flex;justify-content: center; margin-bottom: 30px;} / Sabit Bileşen */
    .inside-right-sidebar {
    height: 100%;
    } .inside-right-sidebar aside:last-child {
    position: -webkit-sticky;
    position: sticky;
    top: 70px; /*Adjust position */
    }
    /* Sidebar Düzenlemeleri */
    .widget-area .widget {
    padding: 10px;}
    .paging-navigation {font-size: 24px; padding-right: 10px;} figure img {
    margin-bottom: 15px;
    }
    /* Constrat Ratio Kodu / .wpp-post-title { color: #2f4468 !important; } / Sidebar Yok Et */
    @media(max-width: 768px) {
    #right-sidebar, #left-sidebar {
    display: none;
    }
    }

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Leo

    (@leohsiang)

    Hi there,

    Unfortunately we don’t have VPN service so cannot view the site and an issue like this is nearly impossible to help without seeing it live.

    Can you unlock the site to allow Canada to have the access?

    Thread Starter Muhammed Colaker

    (@maprins)

    @leohsiang I added Canada among the allowed countries.

    ying

    (@yingscarlett)

    You have this CSS which sets the link to font-size:19px, try edit the selector to .entry-content a:not(.button):not(.wp-block-button__link):not(.gb-button):not(h2 a)

    .entry-content a:not(.button):not(.wp-block-button__link):not(.gb-button) {
        text-decoration: none;
        background-image: linear-gradient( transparent 2px, #2ed392 2px, #2ed392 4px, transparent 4px ), linear-gradient( transparent 2px, #d8dce9 2px, #d8dce9 4px, transparent 4px );
        background-size: 0% 6px, 100% 6px;
        background-position: 0 bottom, 0 bottom;
        transition: background-size 0.3s ease-in-out;
        background-repeat: no-repeat;
        padding-bottom: 3px;
        font-size: 19px;
        font-weight: 600;
    }
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Header Size Issue’ is closed to new replies.