Easyblog Module - Wrong Layout As Css is Not Included In The Header
NV
Nenad Vukicevic
Hi there, I posted this on easyblog forum
https://stackideas.com/forums/missing-easyblog-css
Do you have any idea if somehow page builder might be involved in causing an issue?
Also, I noticed, hat even though I have the caching DISABLED, SP pagebuilder pages are still getting cached.
Website
https://www.blagofund.org/
9 Answers
Order by
Oldest
Toufiq
Accepted AnswerHi there,
Thanks for contacting us. Sorry for the inconvenience. I am not authorised to see the stackideas forum post.
-Thanks
NV
Nenad Vukicevic
Accepted AnswerI have a strange problem with easyblog latest module on my front page - http://www.blagofund.org. Once I clean up the cache the module works fine on the front page - 6 articles in 2 lines. However, after some time all the blog entries are in one column.
At that time I noticed that easyblog styles CSS is not included anymore. I am including two pics of the page header, one with CSS included (right after I manually clean the cache), and one after some time when css is not included.
Any idea? I am on Joomla 4, but this was happening on Joomla 3 too. I think it is happening since I updated to version 6 (I am on 6.0.3).
NV
Nenad Vukicevic
Accepted AnswerThis is the header when things are not working
<!doctype html>
<html lang="en-us" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="canonical" href="/www.blagofund.org/">
<meta charset="utf-8">
<meta name="generator" content="HELIX_ULTIMATE_GENERATOR_TEXT">
<title>Blago Fund - Home</title>
<link href="/www.blagofund.org/" rel="alternate" hreflang="en-US">
<link href="/www.blagofund.org/sr/" rel="alternate" hreflang="sr-RS">
<link href="/templates/luxyort/images/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
<link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.2.0" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/font-awesome-5.min.css?f53ba91a9cc92bb2348e4eab5b1ff3a1" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/font-awesome-v4-shims.css?f53ba91a9cc92bb2348e4eab5b1ff3a1" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/animate.min.css?f53ba91a9cc92bb2348e4eab5b1ff3a1" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/sppagebuilder.css?f53ba91a9cc92bb2348e4eab5b1ff3a1" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/js_slider.css" rel="stylesheet" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap" rel="stylesheet" />
<link href="//fonts.googleapis.com/css?family=Lexend:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/magnific-popup.css" rel="stylesheet" />
<link href="//fonts.googleapis.com/css?family=Lexend:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin&display=swap" rel="stylesheet" media="none" onload="media="all"" />
<link href="/templates/luxyort/css/bootstrap.min.css" rel="stylesheet" />
<link href="/plugins/system/helixultimate/assets/css/system-j4.min.css" rel="stylesheet" />
<link href="/plugins/system/helixultimate/assets/css/choices.css" rel="stylesheet" />
<link href="/templates/luxyort/css/font-awesome.min.css" rel="stylesheet" />
<link href="/templates/luxyort/css/fa-v4-shims.css" rel="stylesheet" />
<link href="/templates/luxyort/css/template.css" rel="stylesheet" />
<link href="/templates/luxyort/css/presets/preset1.css" rel="stylesheet" />
<link href="/www.blagofund.org/media/com_acym/css/module.min.css?v=775" rel="stylesheet" />
<link href="/media/mod_languages/css/template.min.css?fd2b4c543f5e8aa178efb1f7e579e1d3" rel="stylesheet" />
<style>.sp-page-builder .page-content #section-id-1643418312358{padding-top:220px;padding-
NV
Nenad Vukicevic
Accepted AnswerAnd here it is when working (after clearing cache in joomla and new cache is generated)
<title>Blago Fund - Home</title>
<link href="/www.blagofund.org/" rel="alternate" hreflang="en-US">
<link href="/www.blagofund.org/sr/" rel="alternate" hreflang="sr-RS">
<link href="/templates/luxyort/images/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
<link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.2.0" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/font-awesome-5.min.css?f53ba91a9cc92bb2348e4eab5b1ff3a1" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/font-awesome-v4-shims.css?f53ba91a9cc92bb2348e4eab5b1ff3a1" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/animate.min.css?f53ba91a9cc92bb2348e4eab5b1ff3a1" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/sppagebuilder.css?f53ba91a9cc92bb2348e4eab5b1ff3a1" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/js_slider.css" rel="stylesheet" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap" rel="stylesheet" />
<link href="//fonts.googleapis.com/css?family=Lexend:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/magnific-popup.css" rel="stylesheet" />
<link href="//fonts.googleapis.com/css?family=Lexend:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin&display=swap" rel="stylesheet" media="none" onload="media="all"" />
<link href="/templates/luxyort/css/bootstrap.min.css" rel="stylesheet" />
<link href="/plugins/system/helixultimate/assets/css/system-j4.min.css" rel="stylesheet" />
<link href="/plugins/system/helixultimate/assets/css/choices.css" rel="stylesheet" />
<link href="/templates/luxyort/css/font-awesome.min.css" rel="stylesheet" />
<link href="/templates/luxyort/css/fa-v4-shims.css" rel="stylesheet" />
<link href="/templates/luxyort/css/template.css" rel="stylesheet" />
<link href="/templates/luxyort/css/presets/preset1.css" rel="stylesheet" />
<link href="/www.blagofund.org/media/com_acym/css/module.min.css?v=775" rel="stylesheet" />
<link href="/media/mod_languages/css/template.min.css?fd2b4c543f5e8aa178efb1f7e579e1d3" rel="stylesheet" />
<link href="/media/foundry/css/foundry.min.css?91e70420cca54c70994ea3a14cb0553a=1" rel="stylesheet" />
<link href="/media/foundry/css/vendor/fontawesome/css/all.min.css?91e70420cca54c70994ea3a14cb0553a=1" rel="stylesheet" />
<link href="/components/com_easyblog/themes/helix/styles/style-6.0.3.min.css" rel="stylesheet" />
<link href="/media/foundry/css/utilities.min.css?91e70420cca54c70994ea3a14cb0553a=1" rel="stylesheet" />
<link href="/templates/luxyort/html/com_easyblog/styles/custom.css" rel="stylesheet" />
<style>
NV
Nenad Vukicevic
Accepted Answer <title>Blago Fund - Home</title>
<link href="/www.blagofund.org/" rel="alternate" hreflang="en-US">
<link href="/www.blagofund.org/sr/" rel="alternate" hreflang="sr-RS">
<link href="/templates/luxyort/images/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
<link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.2.0" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/font-awesome-5.min.css?f53ba91a9cc92bb2348e4eab5b1ff3a1" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/font-awesome-v4-shims.css?f53ba91a9cc92bb2348e4eab5b1ff3a1" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/animate.min.css?f53ba91a9cc92bb2348e4eab5b1ff3a1" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/sppagebuilder.css?f53ba91a9cc92bb2348e4eab5b1ff3a1" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/js_slider.css" rel="stylesheet" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap" rel="stylesheet" />
<link href="//fonts.googleapis.com/css?family=Lexend:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap" rel="stylesheet" />
<link href="/components/com_sppagebuilder/assets/css/magnific-popup.css" rel="stylesheet" />
<link href="//fonts.googleapis.com/css?family=Lexend:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin&display=swap" rel="stylesheet" media="none" onload="media="all"" />
<link href="/templates/luxyort/css/bootstrap.min.css" rel="stylesheet" />
<link href="/plugins/system/helixultimate/assets/css/system-j4.min.css" rel="stylesheet" />
<link href="/plugins/system/helixultimate/assets/css/choices.css" rel="stylesheet" />
<link href="/templates/luxyort/css/font-awesome.min.css" rel="stylesheet" />
<link href="/templates/luxyort/css/fa-v4-shims.css" rel="stylesheet" />
<link href="/templates/luxyort/css/template.css" rel="stylesheet" />
<link href="/templates/luxyort/css/presets/preset1.css" rel="stylesheet" />
<link href="/www.blagofund.org/media/com_acym/css/module.min.css?v=775" rel="stylesheet" />
<link href="/media/mod_languages/css/template.min.css?fd2b4c543f5e8aa178efb1f7e579e1d3" rel="stylesheet" />
<link href="/media/foundry/css/foundry.min.css?91e70420cca54c70994ea3a14cb0553a=1" rel="stylesheet" />
<link href="/media/foundry/css/vendor/fontawesome/css/all.min.css?91e70420cca54c70994ea3a14cb0553a=1" rel="stylesheet" />
<link href="/components/com_easyblog/themes/helix/styles/style-6.0.3.min.css" rel="stylesheet" />
<link href="/media/foundry/css/utilities.min.css?91e70420cca54c70994ea3a14cb0553a=1" rel="stylesheet" />
<link href="/templates/luxyort/html/com_easyblog/styles/custom.css" rel="stylesheet" />
<style>
NV
Nenad Vukicevic
Accepted AnswerI made a mistake with copy an paste. If things are not working, after some time (30min max), the last 5 style sheets are not included.
Toufiq
Accepted AnswerAdd this css code inside the custom.css file.
.eb-mod.mod-items-grid.clearfix>div {
padding: 15px;
}
.eb-mod.mod-items-grid.clearfix {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
NV
Nenad Vukicevic
Accepted AnswerWhich custom.css ? /templates/luxyort/html/com_easyblog/styles/custom.css ?
OR the template
/templates/luxyort/css/custom.css
Note that when things stop working the following CSS files are not present in the file:
<link href="/media/foundry/css/foundry.min.css?91e70420cca54c70994ea3a14cb0553a=1" rel="stylesheet" />
<link href="/media/foundry/css/vendor/fontawesome/css/all.min.css?91e70420cca54c70994ea3a14cb0553a=1" rel="stylesheet" />
<link href="/components/com_easyblog/themes/helix/styles/style-6.0.3.min.css" rel="stylesheet" />
<link href="/media/foundry/css/utilities.min.css?91e70420cca54c70994ea3a14cb0553a=1" rel="stylesheet" />
<link href="/templates/luxyort/html/com_easyblog/styles/custom.css" rel="stylesheet" />Let me repeat my issue:
- After I clear cache all is working and I have easyblog css files included
- At sime time (I think after cache expires (15min)) I get the wrong layout of easyblog
- At that time css files (and some others, see above) are not in the source of the file
The fix you provided I addet to the template's css and it might fix the layout of the blog articles, however, as the main stylesheet of Easyblog is not included I suspect I'll have some other problems too.