Recent
Categories
Tags
Users
View Replies (8)

Resolved Changing Tile Position

  1. Hayden Howard
    Hayden Howard
  3. General
  4. Saturday, 03 August 2013
  5.  Subscribe via email
I've recently installed mod_tiles for the purpose of creating three main elements on my home page. I really like the module and It's working perfectly for what I need.

Although I wasn't interested in using the sliding feature so I was able to disable the mouseover arrow and modify several things by editing /modules/mod_tiles/tmpl/default.php

In the screen shot I've attached are the entries I need to edit, this would be to control the position of a particular element without affecting others. Modifying this works perfectly in the browser under Inspect Element. Obviously the settings don't get applied to the source file though.

I just need some help identifying what file these are located in, and which directory that file is located?
I've done lots of digging to no prevail. I'm somewhat new to all this so please forgive my ignorance. :S

[IMG]http://i.imgur.com/ZJv6A7L.png?1[/IMG]
Responses (8)
Hayden Howard
Hayden Howard
Accepted Answer Pending Moderation
Bump?
  1. more than a month ago
  2. General
  3. # 1
Daniel Dimitrov
Daniel Dimitrov
Support team
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
Hey Hayden,
You want to find out in which file the width and height are generated or do you want to add some css to change the behavior?

In any case I would use some css to target the element of the list and then use !important to style it as I want.

For example:


#tile_37 {

width: 500px !important;

}



Regards,
Daniel
Please if you use our extensions be so kind and review them at JED
Matukio | Hotspots Pro | CComment Pro
  1. more than a month ago
  2. General
  3. # 2
Hayden Howard
Hayden Howard
Accepted Answer Pending Moderation
I'm looking for the file in which the position settings are located / generated.
Example: "style="width: 16.68%;height: 80px;left: 83.35%;top: 160px;"

So I can edit "width/height/left/top" to control the position of the elements on my page.
  1. more than a month ago
  2. General
  3. # 3
Daniel Dimitrov
Daniel Dimitrov
Support team
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
Depending on which template you use, this is handled in the files in:
/modules/mod_tiles/tmpl/

for example on line 96 in default.php you have this:


<div class="aTile_inner" style="<?php echo modTilesHelper::getATileInnerStyle($tile); ?>">


the style is then created by the getAtileInnerStyle function in modTilesHelper

modules/mod_tiles/helper.php line 275.

I don't recommend editing the helper. Instead make the modifications with CSS.

Regards,
Daniel
Please if you use our extensions be so kind and review them at JED
Matukio | Hotspots Pro | CComment Pro
  1. more than a month ago
  2. General
  3. # 4
Hayden Howard
Hayden Howard
Accepted Answer Pending Moderation
I feel dumb for asking, but I'm very new to all of this and I'm only trying to learn.
But where exactly should I place the CSS?

More specifically, since we're using the "ID selector" should I place it under //Generate CSS in the default.php file?
  1. more than a month ago
  2. General
  3. # 5
Yves Hoppe
Yves Hoppe
Support team
The Voice Hole-in-One
Accepted Answer Pending Moderation
Hi Hayden,

normally you just place that in your Joomla template css ;)

Best regards,

Yves
  1. more than a month ago
  2. General
  3. # 6
Hayden Howard
Hayden Howard
Accepted Answer Pending Moderation
Fantastic, I was able to add the CSS to that document and achieve the proper positioning :)
Thank you so much for all the help! :)
  1. more than a month ago
  2. General
  3. # 7
Daniel Dimitrov
Daniel Dimitrov
Support team
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
Cool, happy that we got it working!

If you have few minutes to spare, please leave a review over here:
http://extensions.joomla.org/extensions/photos-a-images/slideshow/image-mootools-slideshow/20553

Regards,
Daniel
Please if you use our extensions be so kind and review them at JED
Matukio | Hotspots Pro | CComment Pro
  1. more than a month ago
  2. General
  3. # 8
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.
or Ask a Question

Last questions

Don Moore
Don Moore
Complete Uninstall to Work in J4??
We have recently updated a site from Joomlav3 to v4 (4.4.2). Now when we go to m...
4 Replies
Posted on Tuesday, 30 April 2024
  • New
    • Ates Oetztuerk
    Ates Oetztuerk
    verschiedene URL's für Kursübersicht einer Kategor
    Hallo, ich habe eine Frage in Bezug auf SEO: ein externer Spezialist macht die...
    1 Replies
    Posted on Monday, 29 April 2024
  • New
    • Ates Oetztuerk
    Ates Oetztuerk
    Google no index für bestimmte Seiten/Details
    Hallo ich habe eine kleine Frage: wo kann ich einstellen, dass Google die Seite...
    1 Replies
    Posted on Wednesday, 24 April 2024
    Joe Polecheck
    Joe Polecheck
    Changes to Submission Form?
    Are you able to make changes to the Hotspot submission form? There are several f...
    0 Replies
    Posted on Friday, 26 April 2024
    Pete Carroll
    Pete Carroll
    Question regarding custom fields
    How do I access custom fields after I have created them?...
    0 Replies
    Posted on Wednesday, 24 April 2024
    • #custom fields