Where is the file that we inspect in the browser ?

harmonyhill

Hi,
I am trying to modify the gallery module to be able to make circled images but I can't find the file to modify.
(In red is what I added with the inspect tool)

saguaros

Hi harmonyhill

I don't see that dimension for image now on your site. Basically, the size of each item will depend on the number of column and the item size setting configured via module: https://prnt.sc/ui7q89

This is JA ACM module Gallery - style 1 module, if you want to change code, you can check this folder: /templates/ja_resume/acm/gallery/tmpl/style-1.php

Regards

harmonyhill

Yes, right now it isn't like this, but when I modify locally with the inspect tool and add "width="" height="" style="" ", I can see the modification as shown in the capture, and that file that I modified locally should be somewhere, isn't it ?

Maybe I need to add a line in custom.css with :
.item-images {
border-radius:60%;
}

(I tried it and it didn't work)

saguaros

harmonyhill

You can try with this:

.acm-gallery .isotope-layout .item .item-image {
    border-radius: 60%;
}

harmonyhill

Not working...
Same goes if I want to remove logo and just put the site name there, I can do it locally by : Inspect on logo , then I remove the class="logo" in the div but I can't find where to do it in joomla...

Is there no html file wich contain the exact same thing than the file shown when page is inspected ?

saguaros

harmonyhill

Of course, it must be a file from template.

For example, when you inspect on logo, you can see that it belongs to the header block of page, so you can find the same place in template:

/templates/ja_resume/tpls/blocks/header.php

harmonyhill

I can edit the files locally in the console in Firefox. What I am not clear about is how to edit the file remotely i.e. do I ftp in and get the file or is there somewhere I can do this in the back end of Joomla? if I need to Ftp in where specifically are the files I need?

Thanks

harmonyhill

Oh right I found it, thank you !