Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jan 23 09:29
    01Kuzma commented #2749
  • Jan 22 18:28
    mahagr commented #2696
  • Jan 22 18:27
    mahagr milestoned #2696
  • Jan 22 17:04
    simmonsr commented #2696
  • Jan 22 17:04
    simmonsr closed #2696
  • Jan 22 17:01
    simmonsr commented #2696
  • Jan 22 16:43
    rhukster commented #2696
  • Jan 22 13:43
    01Kuzma opened #2749
  • Jan 22 11:26
    Travis gantry/gantry5 (develop) passed (3163)
  • Jan 22 11:15

    mahagr on v5.5.0

    Changelog update Fixed WordPress 5.6 `add_theme_… Grav 1.7 ColorPicker Flex Basis… and 3 more (compare)

  • Jan 22 10:46

    mahagr on develop

    Composer update (compare)

  • Jan 22 10:44
    mahagr milestoned #2623
  • Jan 22 10:44
    mahagr closed #2623
  • Jan 22 10:43
    mahagr milestoned #2617
  • Jan 22 10:43
    mahagr closed #2617
  • Jan 22 10:42
    mahagr milestoned #2611
  • Jan 22 10:42
    mahagr closed #2611
  • Jan 22 10:28
    mahagr commented #2696
  • Jan 22 10:20
    mahagr commented #2746
  • Jan 22 10:17
    mahagr commented #2600
Piet Nutbey
@pnutster

Nm my question... have used bowser (v1.x) before... wasn't getting any result with v2.x - but tried a bit more...

For any one wanting browser detection and be able to add some classes to body to add some conditional css... wha I did...

In gantry just made a JS snipped for src and a js snippet for the actual use:

https://screenshots.blueoceanyyc.com/p9urGJbr

This message was deleted
Piet Nutbey
@pnutster

The src = https://cdn.jsdelivr.net/npm/bowser@2.11.0/es5.js
The usage is:

window.addEventListener("load", function() {
// PARSE USER AGENT
var result = bowser.getParser(navigator.userAgent).getResult();

// BROWSER INFO
console.log(result.browser.name);
console.log(result.browser.version);
console.log(result.engine);

// BROWSER ADD TO BODY
jQuery('body').addClass(result.browser.name);

// OPERATING SYSTEM
console.log(result.os.name);
jQuery('body').addClass(result.os.name);
console.log(result.os.version);
console.log(result.os.versionName);

// PLATFORM
console.log(result.platform.type);
jQuery('body').addClass(result.platform.type);
});

of-course you can remove the console.log items, but was helpful in seeing what it'll show

Haris Abba Kabara
@HarisAKabara_twitter
Thank you @dmleeman i did it. but my sticky menu is gone and tried to bring it back but coulnt get it.
another issue is that favicon is not showing on Firefox only
dmleeman
@dmleeman

@HarisAKabara_twitter
Something other than the snippet I sent across yesterday must have changed on the site.
Ok, you have a class of 'Sticky' in your #g-navigation block tag, but there is no CSS linked to it! Yesterday the navbar was sticky and adding the flex statements wouldn't have changed this.
I see you're using Joomlead JL Brighton as a base design, are you also using the Joomlead UIKIT3 Atom in your Layouts?
If so, open your Base Outline, remove the 'Sticky' class, leave the 'center' class in place. Then, Open the Navigation Block section settings (the cog icon on the Section - not the Particle/Menu Block) and add this as a Tag Attribute 'key'
jl-sticky

This will use the UIKIT3 version of the sticky navbar

If, you're using the standard UIKIT Atom and jl-sticky does not work, then try this value in the same field instead:
uk-sticky

@HarisAKabara_twitter The Firefox favicon, not sure! Are you using a true favicon file? Or it could be a caching issue
Haris Abba Kabara
@HarisAKabara_twitter
@dmleeman NO. i am not using UIKIT3 Atom
dmleeman
@dmleeman
@HarisAKabara_twitter Then you should have the standard UIKIT library loading in, in which case uk-sticky should work. It is not something I can mimic in Chrome inspector
dmleeman
@dmleeman
@HarisAKabara_twitter
I've mentioned this before but I notice you are using CK PageBuilder, and RS Pagebuilder as well as Gantry5 and the extensions brought in by Joomlead Brighton template. This does make for a crowded and hybrid environment. You may have specific requirements of each component, but the amount of libraries being loaded in does make it difficult to recommend and apply a known Gantry5 solution. So, a known 'fix' in a G5 only template may not apply to your current site build.
In my experience, it is best to build the page layouts from the top down. Get the basic site layout header and navigation working as you want and then add in the content and side modules. Add in and turn on each extension as required one by one and see how it affects the base design.
TheSoulrester
@TheSoulrester
hey :) - how am i able to auto expand the child items in a "mega menu"? i dont want to expand it while clicking the item :(
Haris Abba Kabara
@HarisAKabara_twitter
@dmleeman Thank you for your response, please do bear with me. this is my first time building a website. nobody teach me how to and i haven't go to any school, just only research. and have build www.bharif.com and this www.investorswing.com. i know is crowded but will gradually work on getting something cut off. i will see what i can do base on what you have said. thank you once again
dmleeman
@dmleeman
@HarisAKabara_twitter For a first attempt it's very good, and in the beginning it is tempting to add kits and code snippets into the site to achieve the look that you want. Eventually, though, the need to simplify will become apparent.
A lot of the effects you are trying to achieve can be done within Gantry5 and it's sibling UIKIT. It took me years to realise that I had to learn javascript properly (and this is an ongoing process). HTML, CSS and Javascript is what every site projects onto the browser. Learn these 3 and it will help enormously :)
marvays
@marvays
Hi. I need an advice. where can I set font sizes? For sections, for modules, for the whole page. . . I only found the font type setting.
dmleeman
@dmleeman
@marvays font sizes are all set manually via CSS in your custom.scss file.
@marvays Are you familiar with the template/custom/custom.scss file? And Chrome Inspector?
Haris Abba Kabara
@HarisAKabara_twitter
@dmleeman Thank you. Yes! am planning to get an expert to rebuild the site if i am done putting everything that i want to be on the site so that he will just be taking everything from the site and be building another one offline and when he finish it we will just upload it and replace this one.
marvays
@marvays
@dmleeman Hi. Yes I know. But it is strange that such a high-quality template framework (builder) does not have the ability to set the font size in the administration. Ideally in page setings> Body Attributes. . . and here choose the default font size for the whole site.
dmleeman
@dmleeman
@marvays I thought this at first also, but now I prefer the custom.scss method. I know that when you compare Gantry5 side by side with some page site builders there are some aspects that you think - am I missing something? But after a short time you start to get a feel for the built in functions and the manual parts, then it becomes second nature.
For example you may wish to style the Joomla module and not the Section or the particle, or you may wish to apply several font sizes and colours within a Custom Module or style a Particle or Section class. Then, you start to see how general settings like font sizes could get 'messy' if they were added as style attributes. So anything that needs specificity is left as a preference to add manually, and you CSS will be more readable too.
marvays
@marvays
@dmleeman So I'll assume that the default font size in the vast majority of browsers is 16px. Will I set the font sizes in the page elements to a "rem" value? I just don't know if I enter the size in custom.css or rewrite it?
dmleeman
@dmleeman

@marvays a rem value makes sense, you can check the body font size in Chrome Inspector. Do you use Inspector or some equivalent developer browser extension?

Always, always, always add the new values to your custom.scss :) never be tempted to overwrite system css

If you use the browser dev tools then you can paste the selector and statement into your custom.scss file directly from the Inspector Pane

maxim93-droid
@maxim93-droid
What the fuck is this? What nobody knows? How to make two Level 2 columns in the menu in gantry 5?
Alexis Priddy
@yellowwebmonkey
@maxim93-droid , you cannot do a mega menu in Gantry5. I needed it on two Joomla sites and went with Jux Mega menu instead which was not an ideal solution.
marvays
@marvays
@dmleeman "If you use the browser dev tools then you can paste the selector and statement into your custom.scss file directly from the Inspector Pane" . . . do ou have any printscreen please?
Luke Douglas
@LukeDouglas2

I am having difficulty in changing the tooltip background color in the Hydrogen template.

I added the following code to the custom.scss file:

/* change background color on JCE tooltip
.tooltip .tooltip-inner {
    background-color: #800000 !important;
    border-color: #800000 !important;
}

.tooltip .tooltip.top .tooltip-arrow {
    border-top-color:#800000 !important;
}

Yes, I recompile the temmplates and cleared the website cache! :)

It didn't change it.

So I created a templates/g5_hydrogen/custom/assets/css/ folder and copied the media/gantry5/assets/css/bootstrap-gantry.css into that folder. I directly changed the #000000 to #800000 in the tooltip styles but it didn't work.

Here is the website page link: https://bamadenver.com/game-schedule/2020-football

Any suggestions?

dmleeman
@dmleeman
@LukeDouglas2 this worked in Chrome Inspector
div.tooltip-inner  {
background-color: #800000;
}
@LukeDouglas2 Do you want all of your tooltips run by this rule?
dmleeman
@dmleeman
It looks like specificity is the issue.
dmleeman
@dmleeman

@marvays This is Chrome Inspector in use

https://ibb.co/wNycc1R

I took a shot of the issue on he site by @LukeDouglas2

So, open your site in Chrome and press F12 for Chrome Inspector, is this familiar to you @marvays ?

dmleeman
@dmleeman

Problem: I have a Joomla based G5 custom template site that reports a 403 error in the console when trying to access /templates/[template_name]/custom/css-compiled

I also tested and verified this using webpagetest.org

Observation: the folder in question is writable (0755 permission) and contains recent css files. BUT it does not contain any .MAP versions of the css. If I look at other sites I've built they all contain several .css.map versions

Does anyone know if the missing .map.css files are important (it looks like they are) and based on the above info can anyone suggest a fix?

Michael Koontz
@N8Solutions
:point_up: December 14, 2020 10:20 PM I'd help you with the background color for the tooltip but the background to me is 100% white and I can barely see the menu items and other links in White let alone the background of the tooltip.
@dmleeman Have you performed any updates recently? I've never experienced this issue before.
Alexis Priddy
@yellowwebmonkey
I have the Google Tag Manager atom from @hugoaf on a few sites. Has anyone made a more recent version with the latest snippet from Google? https://github.com/hugoaf/gantry5-joomla-atom-googletagmanager
dmleeman
@dmleeman
@N8Solutions I keep the site as up to date as others, so it's running Gantry 5.4.36 on Joomla 3.9.23. To be honest it's run like that for about a year, but running the site through webpagetest reminded me when the issue was flagged
webcodedesigner
@webcodedesigner
I'm new to Gantry and am trying to understand how to create layouts for different pages. Do I need to create a new Outline for each post or page layout?
dmleeman
@dmleeman
@webcodedesigner Are you using WP or Joomla? I can advise better on Joomla
Liz
@EJBJane
I have two installations of Gantry one from 2 years ago the other from last year. Both have been regularly updated. Since both websites more or less use the same layout I was wondering why in the earlier version there is a container areound my main content and the newer doesnt. I actually think missing the container kind of screws up the layout after the main content. I am actually having issues with placing content in the layout section under the main content.
marvays
@marvays
Nice. I have another question . . . where are gantry from? USA?
Matias Griese
@mahagr
gantry has been developed by international team
marvays
@marvays
@mahagr the base is where?
JoelAzaria
@JoelAzaria
Hey now all. Is it possible to use a particle inside a Joomla Article (eg. image grid, etc.)
KOstriz
@KOstriz
@JoelAzaria Hi, no, you have to use either module or something like Seblod, or (maybe the best way) the content templates (https://regularlabs.com/extensions/contenttemplater)
JoelAzaria
@JoelAzaria
Thanks but both of those seem way overkill. I already have most of a site built with a Gantry based template we purchased from RT. I need to add a formattable block of text in my portfolio pages. The 2 ways I can think of are
a) Add a Joomla article and then embed the Image Grid particle in it
b) is there a text block particle in Gantry5 I can use that is formattable? (end user not really HTML able so prefer not to use that)
astrosurfer
@astrosurfer:matrix.org
[m]
hi i am new to joomla & wanting to create a website with a shopping cart for a service business. are they joomla 4 compliant?
i don't want to have to redo everything again once j4 becomes the working version
sorry was asking about phocacart & gantry 5
dmleeman
@dmleeman
@astrosurfer:matrix.org No, neither Phoca Cart nor G5 are J4 ready yet, but that is because J4 is still making changes so it's still a moving target. They are not far off though so the J4 release will be closely followed by compatible releases of Phoca Cart and G5. There is also the J3.10 crossover that may act as a go between
@JoelAzaria You can add a Particle to a Joomla Article if you add the Particle in as a Module, then loadposition the Module into the Article. Both TinyMCE and JCE will allow you to do this so you can keep it native.