Okay
  Public Ticket #2425018
ad css to the Theme
Closed

Comments

  •  2
    Robert Kröner started the conversation
    June 1, 2020 at 8:13pm

    Hi there,

    i've just purchased your Theme which looks great. I'm testing your template, and wanted to hide the Title by adding your code:

    #page-header-bg h1 {
        display: none !important;
    }

    into the "Customizer CSS Panel". Save and publish - but no result. I added it to the Stylesheet of the Child Theme.No result here either. What is the trick?


    Thanks for help


    Robert

  •  8,853
    Tahir replied
    June 2, 2020 at 6:05am

    Hey Robert Kröner,

    Use the relevant CSS selector for it. See screenshot : 

    1937397596.png

    Thanks 


    ThemeNectar Support Team 

  •  2
    Robert Kröner replied
    June 3, 2020 at 2:43pm

    Thanks for your help... got it .)

  •  2
    Robert Kröner replied
    June 8, 2020 at 9:09pm

    Hi Tahir,
    I am still digging into your Theme. In gerneral, what is my acces on the elements in general? For example, I am trying to add the width and height for a "single image" for the different responsive sizes. Same for h1, .....

    I am searching for more documentation on this subject...

    Thanks for your help

    Robert

  •  8,853
    Tahir replied
    June 9, 2020 at 1:49am

    Hey Again,

    -The Single Image Page Element takes on the Width of the column its in so there is no such field to put in the width and height values.

    - Try using the New Responsive Typography Settings in here : http://prntscr.com/gnf951 .


    Best.

    ThemeNectar Support Team 

  •  2
    Robert Kröner replied
    June 12, 2020 at 10:04am

    By the way - I forgot _ Thank You

  •  8,853
    Tahir replied
    June 12, 2020 at 10:07am

    Glad to help.

    Cheers

    ThemeNectar Support Team 

  •  2
    Robert Kröner replied
    June 18, 2020 at 2:24pm

    Hi Tahir,

    I'm sorry, but after reading in the Tutorials and watching the videos I did not understand how to simply integrate a a simple Image slideshow in the header of the "restaurant" Theme? Is there any description? Should i use the Home Slider or Nectar Slider? And where on the page can i call for it?


    Thank you Robert

  •  2
    Robert Kröner replied
    June 18, 2020 at 5:35pm

    OK - I've managed to include the salient slider http://www.erpelundco.de/erpelundco2020/test/

    My Question is still, how to bring it to the background of the header?

    Thanks a lot

    Robert

  •  8,853
    Tahir replied
    June 19, 2020 at 11:38am

    Hey Again,

    Try using the Force Transparency Option in "Page Header Settings" Metabox . See screenshot : http://prntscr.com/gjnyit .

    Best

    ThemeNectar Support Team 

  •  2
    Robert Kröner replied
    June 19, 2020 at 12:36pm

    Hi Tahir,


    I think I've got it. Takes quite some time .)

  •  8,853
    Tahir replied
    June 19, 2020 at 12:51pm

    Try purging your cache if you are not seeing the changes.

    1. Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ .
    2. If you are using WP Rocket use this guide :  https://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed#critical-path-css .
    3. For Woocommerce caching issues see: https://docs.woocommerce.com/document/configuring-caching-plugins/ . 

    Thanks

    ThemeNectar Support Team 

  •  2
    Robert Kröner replied
    June 29, 2020 at 6:51pm

    Hi Tahir,sorry to disturb you again. I have attached the Social Media Icons to the header and tried to do so for the Footer: http://www.erpelundco.de/erpelundco2020/

    Mmmmh - I have read the instructions over and over again.  Main Footer Area is checked, use the Facebook and Instagram Icon too, and in the Social Media Section the address is given...

    I have no clue, what I am doing wrong?!

    Thanks for help 

  •  2,965
    Andrew replied
    June 29, 2020 at 7:53pm

    Hi Robert,

    Ensure that footer copyright area is not disabled in Salient > Footer

    1197091564.png


    Thanks.

  •  2
    Robert Kröner replied
    June 30, 2020 at 8:37am

    That's it - thank you.

    Robert

  •  2
    Robert Kröner replied
    July 7, 2020 at 9:06am

    Hi,

    I'm looking for further information on adding individual code to the theme in general.

    (for example - adjusting html tags to your Demo)

    Is there a listing of the css tags used in the template?

    Thanks a lot

    Robert

  •  2,965
    Andrew replied
    July 7, 2020 at 4:54pm

    Hi Robert,

    There is no place we have those listed. You can use browser to inspect elements and find classes, ids and tags that have been used.

    https://www.wikihow.com/Inspect-Element-on-Chrome

    Thanks.

  •  2
    Robert Kröner replied
    July 9, 2020 at 8:49am

    Hi Andrew,

    OK - thanks for your reply. Hopefully my last question on this project. http://www.erpelundco.de/erpelundco2020/

    I found a gap between the last main-content element and the footer.I could solve it by giving a negativ value to the footer top-margin: 

    #footer-outer .row {
        margin-top: -15px !important;
        margin-bottom: 0px !important;
    }

    But it is not inherited to the Pad and Mobile Size using this media query.

    @media only screen and (max-width : 690px)

    {}

    May be it is a completely different setting i did wrong?!

    Thanks for your help

    Robert

  •  8,853
    Tahir replied
    July 9, 2020 at 9:02am

    Hey Again,

    Remove the Negative Margin and add below css to remove the gap caused by the margin of the Footer Widgets.

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    #footer-outer .widget {
    margin-bottom: 0px !important;
}

    Thanks

    ThemeNectar Support Team 

  •  2
    Robert Kröner replied
    July 10, 2020 at 8:19am

    Hi Tahir

    I did like you recommended - got the code in the "Custom CSS Code" Section.

    Before I had written it in the Customizer section.

    Funny thing - it works on the bigger screens but still not below..

    No red cross in the "Custom CSS Code" Section - which I hope is what you call Custom CSS Box..

    Mmmmh???


    Robert

  •  8,853
    Tahir replied
    July 10, 2020 at 3:40pm

    Hey Again,

    I can no longer see the gaps at the moment. Could you confirm if you are still seeing this?. 

    Thanks 

    ThemeNectar Support Team 

  •  2
    Robert Kröner replied
    July 11, 2020 at 5:20pm

    Hi Tahir,

    I emtied the cache.. in Firefox you can see it, when squeezing the Browser Window or using a "Resize Tool". On my iPhone SE too..

    On big Screen it is just a thin grey line?!

    Any idea ?

    Thanks

  •  8,853
    Tahir replied
    July 13, 2020 at 8:10am

    Hey Again, Hope you had a Positive Weekend, 

    Could you provide a screenshot of the so we can compare it with what we are seeing. 

    Thanks 

    ThemeNectar Support Team 

  •  2
    Robert Kröner replied
    July 13, 2020 at 12:20pm

    Hi Tahir,

    yes - thanks. I am in holiday on the eastern german coast.

    You are in Australia?

    Have a look..

    thanks

  •  8,853
    Tahir replied
    July 13, 2020 at 12:35pm

    Hey Again,

    The url in your screenshot is different and showing this when i try to view it: 

    7965671209.png

    Thanks 

    ThemeNectar Support Team 

  •  2
    Robert Kröner replied
    July 13, 2020 at 3:46pm

    Oh sorry,

    I did send you the old Version?! Here is the correct one :http://www.erpelundco.de/erpelundco2020/

    sorry Robert

  •  8,853
    Tahir replied
    July 13, 2020 at 6:27pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    @media only screen and (max-width: 999px) and (min-width: 1px) {
    #footer-widgets .container .col {
        margin-bottom: 0px !important;
        min-height: 0px !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  •  2
    Robert Kröner replied
    July 14, 2020 at 12:53pm

    That is it.

    Thank you

    Robert

  •  2
    Robert Kröner replied
    July 28, 2020 at 8:30am

    Hi,


    thank for that well support. I am looking for general information, how to add individual HTML Tags to the Elements. For example adding <sup> tag to an Element. Or - how do I have to define individual CSS Classes and integrate it to your Template?


    Thanks a lot

    Robert

  •  8,853
    Tahir replied
    July 29, 2020 at 11:16am

    Hey Again,

    The Html tags can only be editing for the "Text Block" Page Element in here: 

    6171654113.png

    Thanks

    ThemeNectar Support Team 

  •  2
    Robert Kröner replied
    August 1, 2020 at 4:02pm

    Ah ... by the way.. Thank You