-
AuthorPosts
-
November 3, 2014 at 5:34 am #202382
Hi,
Already read through all possible threads. Closest to this is http://www.joomlart.com/forums/topic/center-the-block/ but no luck.
Please take a look at http://www.kzm.com.my
Introducing
1. I have changed the title to Relate. But I only have 2 items. How to make the two item centralize nicely?2. I need to replace the icon. The current images replaced seem too large in size. What is the recommended size?
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
November 3, 2014 at 7:24 pm #554019Can you, possibly, throw together a screenshot mock-up of what it is, specifically, you are wanting to modify?
November 5, 2014 at 2:52 am #554186Attached image of what I want to achieve.
- binhnk Friend
binhnk
- Join date:
- April 2013
- Posts:
- 3
- Downloads:
- 1
- Uploads:
- 0
- Thanks:
- 2
- Thanked:
- 1 times in 2 posts
November 6, 2014 at 3:35 am #554342Hi Kezel,
I’ve reviewed your site with checking html code. Something went wrong with the HTML markup of custom HTML modules on your site
1.<div class=”row-fluid”>
<div class=”custom introducing section2″>
<div class=”introducing”>
<a class=”modal_link cboxElement” href=”….”>
<div class=”span4 block”>Your content</div>
</a>
<div>
</div>
</div>it should be edited to become
<div class=”custom introducing section2″>
<div class=”introducing”>
<div class=”row-fluid”><div class=”span4 block”><a class=”modal_link cboxElement” href=”….” style=”display: block;”>Your content</a></div>
<div>
</div>
</div>the same for other blocks, correct structure always is <div class=”row-fluid”><div class=”span*”><div class=”..etc**”>your content</div>
2. Then open /templates/ja_onepage/css/custom.css , look for this css rule:
@media (min-width: 1200px)
.row-fluid .span4 {
width: 33.3% !important;
}
It should be
@media (min-width: 1200px)
.row-fluid .span4 {
width: 33.3% !important;
margin: 0;
}
P/s: DO NOT override base bootstrap classes.
Regard!
November 7, 2014 at 10:10 am #554530Hi Binhk,
Thank you for feedback.
Corrected the <div> structure as advice. I actually use modal no number plugin to wrap around image to show custom pop up.
Added below code to /templates/ja_onepage/css/custom.css, however, the 2 items still align to left.
@media (min-width: 1200px)
.row-fluid .span4 {
width: 33.3% !important;
margin: 0;
}
Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
November 10, 2014 at 7:31 am #554713Try adding this css rule in above ‘custom.css’ file:
@screen (min-width: 1024px) {
.introducing.section2 .container .row-fluid {
margin-left: 190px;
}
}
November 12, 2014 at 2:01 am #554907Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
November 12, 2014 at 9:29 am #554969Hi kehzen,
I don’t see my above css is applied on your site, you can PM me admin and ftp credentials of your site, I will check it directly
November 17, 2014 at 3:56 am #555350Hi Saguaros,
Already PM you the admin login last week. Please check. Thank.s
Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
November 17, 2014 at 8:51 am #555398I overrode the style for modern theme on your site via this file: /templates/ja_onepage/local/css/themes/modern/bootstrap.css and add above css into the end of this file. You can take a look
November 18, 2014 at 3:17 am #555506Hi Saguaros,
Checked. The 2 items at my Relate session is nicely centered on browser when viewing from laptop.
However, it won’t auto adjust when viewing from mobile phone?Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
November 19, 2014 at 1:44 am #555658Could you check again the FTP account? as I can’t access with info you sent me now.
November 26, 2014 at 3:56 am #556550Hi Saguaros,
Resent you the FTP login and URL.
Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
November 26, 2014 at 7:03 am #556586I changed the added css to:
@media (min-width: 1200px) {
.introducing.section2.addmargin .container .row-fluid {
margin-left: 190px;
}
}
Kindly check again on your mobile phone.
November 27, 2014 at 1:51 am #556720Hi Saguaros,
Saw the code updated at /templates/ja_onepage/local/css/themes/modern/bootstrap.css. The session display nicely at Web page and mobile phone now. Thanks.
AuthorPostsViewing 15 posts - 1 through 15 (of 15 total)This topic contains 15 replies, has 4 voices, and was last updated by kehzen 9 years, 11 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Jump to forum
Center Introducing with only 2 items + change to own icon (how to adjust sizes)
Viewing 15 posts - 1 through 15 (of 15 total)