Peter
|
Hello, i have made a template and that went well. But in another extension photo's are display vertical in stead of horizontal. When i change the template in protostar the photo's are viewed horizontal but when i chage it into mine tempalate they are vertical viewed.
How can i change this in my template.
|
| |
Peter
|
Hello isn't any one there to help me?
Please....
|
| |
James G
|
A url might help us determine the problem.
|
| |
Peter
|
Sorry James,
Here is the link.
http://www.familiehotelsbelgie.be/struttura/2
Best regards
Peter
|
| |
James G
|
Hey Peter,
The reason it works on some other template is because they are compatible with bootstrap.
Artisteer really isn't compatible without a number of changes.
You can get it to look like this with some modifications.
https://drive.google.com/file/d/0B-n77YpTPCd2cGxOWktaeWJMRVE/view?usp=sharing
This code gets the display your wanting but I would need to check the entire website.
Add to bottom of css file.
.art-postcontent ul>li, .art-post ul>li {float:left;}
.pics.cornice {height:350px!important;}
.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before {content:'';}
In the hotel directory app I assume you can create a new class. For example: pics
|
| |
Peter
|
Hey James, i have insert your code and the photos are horizontal bu the text is not on the wright place please seen the link below.
I have nothing insert in te hotel directory app because i don't know where in wich files i have to do it.
http://www.familiehotelsbelgie.be/struttura/3
|
| |
Peter
|
Hi James, the problem is solved.
See text below. I got it form the form off artisteer.
http://www.artisteer.com/?post_id=243550&p=forum_post
1.
open index.php file
2.
find the line below:
JHtml::_('behavior.framework', true);
3.
add this code right after the line above:
JHtml::_('bootstrap.tooltip');
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl .
'/media/jui/css/bootstrap.css');
$doc->addStyleSheet($this->baseurl .
'/media/jui/css/bootstrap.min.css');
$doc->addStyleSheet($this->baseurl .
'/media/jui/css/bootstrap-responsive.min.css');
$doc->addStyleSheet($this->baseurl .
'/media/jui/css/bootstrap-extended.min.css');
$doc->addStyleSheet($this->baseurl .
'/media/jui/css/icomoon.css');
Call can be closed.
Thanks for helping me.
Best regards
Peter
|
| |
James G
|
WOW! That's awesome. Most artisteer users don't want to touch the code. Afraid there're going to mess the template up. Next time let me know. I can give you all types of code to make artisteer shine.
Glad it worked out for you Peter.
|
| |
Peter
|
James, I see that your layout is much better (nicer).
Can you tell me where i can change the size off the tumbnails and they are not so fine aligned to the left. on those bothe pages for example.
http://www.familiehotelsbelgie.be/
http://www.familiehotelsbelgie.be/struttura/3
|
| |
James G
|
Hey Peter,
Question: Are you able to edit the span classes in the Hotel Directory?
To align the second row of images, add this to the bottom of css.
.row-fluid [class*="span"]:nth-child(3n+1) {
margin-left: 0;
}
To remove the bullets, (squares next to the image) add this to the bottom of css.
.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before {
content:'';
}
let me know about the span editing.
|
| |
James G
|
This is latest image with the last code sent.
https://drive.google.com/file/d/0B-n77YpTPCd2NWlWamU3YXB5Z0k/view?usp=sharing
|
| |
Peter
|
Hello James, I don't know wich file it is in Hotel directory? Do you have an idea?
Or is it the template.css file?
|
| |
James G
|
That's a paid component so I can't view the code.
Here's why I ask.
On this page, if I remove span 9 the image will re size nicely.
http://www.familiehotelsbelgie.be/
You can contact me at jamesg.artisteer@gmail.com
|
| |