Okay
  Public Ticket #3737701
Salient Side Bar
Closed

Comments

  •   timkavermann started the conversation
  •  1,875
    Judith replied

    Hi there,

    Thanks for writing to us.

    Vertical spacing between widget headings, dividers and widgets if too big.

    To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:

    From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:

    #sidebar .widget {
        margin-bottom: 0px;
    }

     

    The little numbers showing how many posts in a category are out of alignment and broken

    #sidebar .widget.widget_categories li .post_count {
        top: 16px;
    }
    
    

    Some of the widget headings are out of alignment.

    Let us know which heading is misaligned on your end. You can share a screenshot.

    Looking forward to your response.

  • timkavermann replied

    Thank you, please see attachments.

    The heading LATEST WELLBEING HUB is broken and in a weird location.
    The images are all different aspect ratios, how to I make them all 1:1
    Under BROWSE CATEGORIES is it possible to bold the parent categories - "Recipes" and "Wellbeing"


    Attached files:  Screenshot 2024-10-04 at 3.52.54 PM.png
      Screenshot 2024-10-04 at 3.52.48 PM.png

  •  1,875
    Judith replied

    Hello Tim,

    Thanks for writing back.

    To assist you better, we'd love to have a closer look at your setup and to do this, we'll need admin login credentials 

    (dashboard URL, username, password) to your site. This will enable us to conduct a more in-depth investigation of the issue based on your specific configurations. Would you mind sharing this with us? 

    If you prefer, you can safely share the access through an access plugin such as Controlled Admin Access.

    Before you provide this information, we strongly recommend taking a backup of your site.

    If you have any concerns or questions about this process, please don't hesitate to let me know.

    Best regards,

  •  8,837
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .wp-block-latest-posts__featured-image.alignleft img {
        width: 60px !important;
        height: 60px !important;
        overflow: hidden;
        object-fit: cover;
    }
    
    #sidebar .widget.widget_categories ul.wp-block-categories-list.wp-block-categories > li >a {
        font-weight: bold !important;
    }

    Thanks


    ThemeNectar Support Team 

  • timkavermann replied

    Thank you - and one final question - can you tell me how to make the pagination font "Plus Jakarta Sans" and make it a bit bigger? See image attached

    Attached files:  Screenshot 2024-10-05 at 10.16.44 AM.png

  •  8,837
    Tahir replied

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .woocommerce nav.woocommerce-pagination ul li a, body #pagination span.page-numbers.dots, body #pagination>a, body nav.woocommerce-pagination ul li span.page-numbers.dots, nav#pagination>ul a,#pagination .next.inactive, #pagination .prev.inactive, #pagination a, #pagination span, .container-wrap nav.woocommerce-pagination ul li span, .woocommerce .container-wrap nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a {
       font-family: 'Plus Jakarta Sans';
        font-size:18px !important;
    }

    Thanks


    ThemeNectar Support Team 

  • timkavermann replied

    Hi there, can you add to this CSS you gave me - id like to centre the pagination if possible:

    .woocommerce nav.woocommerce-pagination ul li a, body #pagination span.page-numbers.dots, body #pagination>a, body nav.woocommerce-pagination ul li span.page-numbers.dots, nav#pagination>ul a,#pagination .next.inactive, #pagination .prev.inactive, #pagination a, #pagination span, .container-wrap nav.woocommerce-pagination ul li span, .woocommerce .container-wrap nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a {   font-family: 'Plus Jakarta Sans';    font-size:18px !important;
    }
  •  1,875
    Judith replied

    Hello TimKavermann,

    Thanks for writing back.

    I am sorry but I am not seeing the pagination you have shared on your screenshot on this page : https://wordpress-1223051-4671886.cloudwaysapps.com/crispy-fish-bites/

    Please share the location of this pagination so we can provide the css.

    I am sure I am just missing it somewhere.

    I look forward to your response.

  •  8,837
    Tahir replied

    Hey Again,

    Use below Revised CSS.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .woocommerce nav.woocommerce-pagination ul li a, body #pagination span.page-numbers.dots, body #pagination>a, body nav.woocommerce-pagination ul li span.page-numbers.dots, nav#pagination>ul a,#pagination .next.inactive, #pagination .prev.inactive, #pagination a, #pagination span, .container-wrap nav.woocommerce-pagination ul li span, .woocommerce .container-wrap nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a {
        font-family: 'Plus Jakarta Sans';
        font-size: 18px !important;
    }
    
    .post-area #pagination {
        display: flex;
        justify-content: center;
    }
    

    Thanks


    ThemeNectar Support Team