Problems with Custom-CSS File

  • Resolved lafleur78

    (@lafleur78)


    3 years, 6 months ago

    Hello,
    I have a problem with my own theme for SLB. I downloaded the example and then adapted it myself for my website. So far everything works, the layout.html file is recognized and also displayed with layout adjustments, only with the styles.css nothing happens.

    If I enter the CSS modification in the customizer of the website template, everything works and the desired adaptation is adopted. Unfortunately, it doesn’t work if I put this CSS code in the * .css file of the “slb-theme-handmade” plugin directory.

    I created the custom theme as a plugin, as described on the help page. The path to the CSS file in the main.php should be correct, because the layout.html is recognized.

    I really hope I can get help here and make modifications to the CSS file in the future.

    Here is the CSS-Code I use:

    .slb_template_tag_item_description {
		font-family: 'Yanone Kaffeesatz', arial, sans-serif !important;
		font-size: 18px !important;
	}

    Best regards,
    LaFleur

    • This topic was modified 3 years, 6 months ago by lafleur78.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Archetyped

    (@archetyped)

    3 years, 6 months ago

    Hi, I would recommend checking the page’s source to ensure that the custom theme’s CSS file is being loaded. If not, double-check your theme’s properties to ensure there are no errors/typos in the CSS file’s path.

    If the CSS file is being loaded, use your browser’s web developer tools to inspect the description element in the lightbox to check if the custom CSS is being applied to the element. If the custom styles are listed, but not applied, you may need to increase the selector specificity (as per the tutorial on customizing lightbox styles) to override existing styles.

    If you still cannot get it to work, please provide a link to a page that exhibits the issue you are experiencing and I would be glad to take a closer look.

    Thread Starter lafleur78

    (@lafleur78)

    3 years, 6 months ago

    Hello,

    I solved the problem!

    First I checked whether the CSS was loaded with the Web Developer Tool. – Yes, everything was as it should, but the file was empty! In Notepad ++ the file was not empty. I cleared the browser cache several times after making changes and all of a sudden it worked. I have tested various options with your instructions. In the end, the CSS code stayed the same as in the first post and still worked.

    I still don’t know where the error was because I also cleared the browser cache several times yesterday and the days before.

    I really hope it stays that way! In any case, I am very happy that it is now working!

    I thank you, Archetyped, for your quick reply and especially for this great plugin that really leaves a lot of scope for your own custom themes.

    After a long search for plugins, hours of testing, coding and research, I finally reached my goal and – believe it or not – found the perfect solution for my creative hobby photo blog with your “Simple Lightbox” plug-in. Here I can display the Desc information below the photos.

    Possibly I’m still trying to make the lightbox work with a responsive ad on mobile devices – I haven’t dealt with that yet. I’m just the good old school with HTML 4 + 5, XHTML, CSS 2 + 3, a little PHP and often just don’t have the time to really dig deep into the subject. But in the 20 years since my first programming attempts, a lot has happened 😉

    Thank you again and if I have any further questions, I’ll get in touch!

    Best regards,
    LaFleur

    Plugin Author Archetyped

    (@archetyped)

    3 years, 6 months ago

    Glad to hear clearing the browser’s cache resolved your issue! 👍

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problems with Custom-CSS File’ is closed to new replies.