#74231 Custom CSS help

Landing Forums JupiterX WordPress Theme Custom CSS help

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • Billy Kristyono

    Hi,

    I need help with custom CSS for styling the hyperlink text.
    we want custom distance between the text and the line below it across the site. could you please help ?
    Example is attached with too close distance.
    Thanks

    Regards,

    Billy

    Nodari Support Team

    Hi there

    You can contol this by the css bellow, add this CSS code in Appearance > customize > additional css:

    .raven-post-meta-item a {
        border-bottom: 3px solid #f50000;
        text-decoration-line: none !important;
        padding-bottom: 2px;
    }

    Let me know if it worked 🙂

    Billy Kristyono

    Hi Nodari,

    Thanks for the help, but unfortunately it’s not what we wanted ..
    We want it for all the hyperlink across the site .. as you can see the READ MORE still unaffected.
    Could you please advice ?
    Thanks

    Regards,

    Billy

    Billy Kristyono

    Hi,

    I got another question .. i would like to make the full screen search form, to have custom height and full width.
    Please advice on how to do that .. please see example on hellobali.id

    Thanks

     

    Regards,

    Billy

    Nodari Support Team

    Hello Billy

    this css can remove white underline:

    .raven-post-meta a {
    text-decoration-color: transparent;
    }

    and you can use same code to add a line with the distance

    “We want it for all the hyperlink across the site ” – Are you sure? this will change all the style of your site, try this css code:

    a {
        border-bottom: 3px solid #f50000;
        text-decoration-line: none !important;
        padding-bottom: 2px;
    }

    I think you need to add them to specific elements and not to every link on the site

    Search – im afraid there is no such search display in the theme, we have full-screen search option and if you want to add it you have to use the custom header and search widget in the custom header,

    Hope this helps

    Billy Kristyono

    Hi Nodari,

    Thanks for the explanation, It works only for the post meta .. how about the READ MORE button.
    And also the one in the single post ? for example https://hellobali.info/luctus-volutpat/ .

    Is there anyway to customize the Full-Screen Form position, width, and heigth ?

    Thanks

    Tatyana Hutsol Support Team

    Hello,

     

    Did you add this code?

    a {
    border-bottom: 3px solid #f50000;
    text-decoration-line: none !important;
    padding-bottom: 2px;
    }

    It should be applied to all links on the site.

     

    Do you want to customize the full screen form when clicking on the search icon? Do you want to change the black background position, height, etc. or just for the input form https://take.ms/foL8R ? Please clarify.

     

    Thank you.

    Regards.

    Billy Kristyono

    Hi Tatyana,

    Sorry i did try that script and it turned out ugly, it underlines all the imgs as well .. what if the READ MORE text on the Home-Page’s slider and also same things for each Single Post Header area which contains the META only? (refer to screenshot)

    For search form :

    Yes, I want the FULLSCREEN search form become NO-LONGER-FULLSCREEN but i can adjust the bg-color,position,width, and height?

    Thanks

    Regards,

    Billy

    Tatyana Hutsol Support Team

    Hello,

     

    Sorry for a delay.

    In this case, use this code:

    .elementor-posts .elementor-post__card .elementor-post__read-more, .elementor-post-info__terms-list a {
    border-bottom: 3px solid #f50000;
    text-decoration-line: none !important;
    padding-bottom: 2px;
    }

     

    The search form can be customized with Custom CSS code. Please show a page URL where you added a full screen form.

     

    Thank you.

    Regards.

    Billy Kristyono

    Hi Tatyana,

    Thanks for the response … Only 1 more that need to custom the underline, the Read More button on the HomePage. The post carousel (please see the screenshot, the element is called CTA Button).

    I have changed the search style to full-screen, it’s in the Home-Page, also could you please tell me how to get rid of the gray background of the search-icon ?

    Much appreciated.

    Thanks

    Billy

    Billy Kristyono

    This is the gray background that i was talking about

    Nodari Support Team

    Hey there

    Please try this piece of CSS now:

    .raven-post-button:hover {
        text-decoration: none !important;
    padding-bottom: 1px;
    }
    .raven-post-button {
        width: 100px;
    }
    .raven-search-form-full .raven-search-form-button {
        background: #fdfcfb;
    }

    Thanks

    Billy Kristyono

    hi Nodari,

    Thanks for the help, the ReadMore button has underline that we wanted now.
    The search form background still doesn’t work.
    Please advice.

    Thank you

     

    Billy

    Billy Kristyono

    Hi Nodari,

    Sorry yes the background of the search button, works fine .. but we want not the full-screen-search-form.
    That one still haven’t been resolved.

    Thanks

     

    Billy

    Amir Rather Support Team

    Hi There

    You can change the Skin to Classic in the Search Widget Settings like this screenshot

    Please check now

    Regards

    Billy Kristyono

    Hi Amir,

     

    I know how to do that, actually that’s not what we want to achieve.
    As i mentioned on the comment way above, the search form should be like the one in hellobali.id.
    That’s the reason we want the full-screen search form with customized width and height.

    Hope this making sense

    Regards,

    Billy

    Tatyana Hutsol Support Team

    Hello,

     

    Sorry for a long delay.

    I edited the header template and changed the search form type to Full Screen, and added custom css code to Jupiter X > Customize > Additional CSS:

    .raven-search-form .raven-search-form-lightbox-open {
    height: 150px;
    top: 55px;
    }

    Please check the search form now.

    Looking forward to your reply.

     

    Regards.

    Billy Kristyono

    Hi Tatyana,

    Wow thanks a lot for the help !!

    I think this ticket can be closed now.

    Regards,

    Billy

    Nodari Support Team

    You are most welcome Billy

    We would greatly appreciate it if you could please share your experience in using our product and the Support you’ve received. You can quickly do so by going to the “Downloads” tab in Themeforest. Thank you on behalf of the whole Artbees Team!

Viewing 19 posts - 1 through 19 (of 19 total)
You must be logged in to reply to this topic. Login