Joomla Templates Club 406,261 posts

[steveross Friend steverossJoin date: May 2013Posts: 36Downloads:0Uploads:4 Thanks: 6]

#188006

hi,

thx for your outstanding template and awesome tutorials provided here. i stuck with my content filled in section 2. just want to center the whole container while keeping the formatting inside. screenshot added.

here the code as copy from code mirror

<span style="color:#69504a"></div></span>
<span style="color:#69504a"><div class="Collection"></span>
<span style="color:#69504a"><div class="span4 block"></span>
<span style="color:#69504a"><div class="block-img"><img src="images/joomlart/demo/frances222.jpg" alt="" /></span><span style="color:#000080"><em class="introducing-icon1"></span> <span style="color:#000080"></em></span><span style="color:#69504a"></div></span>
<span style="color:#69504a"><h3 class="block-title"></span>Daisy<span style="color:#69504a"></h3></span>
<span style="color:#69504a"><div class="block-content"></span>
<span style="color:#69504a"><p></span>Premium garments for little ladies
Unique dresses, blouses, jackets and such
Vintage inspired and tailored to girls needs
Made of natural fabrics of finest quality
<span style="color:#69504a"></a></span>
<span style="color:#69504a"></p></span>
<span style="color:#69504a"></div></span>
<span style="color:#69504a"></div></span>
<span style="color:#69504a"><div class="span4 block"></span>
<span style="color:#69504a"><div class="block-img"><img src="images/joomlart/demo/IMG_1522.jpeg" alt="" /></span> <span style="color:#69504a"></div></span>
<span style="color:#69504a"><h3 class="block-title">Credo</span><span style="color:#69504a"></h3></span>
<span style="color:#69504a"><div class="block-content"></span>
<span style="color:#69504a"><p></span>Premium Children’s Clothing inspired by Vintage Vienna
Limited Editions, handmade on demand
Made of natural fabrics, soft to the touch and lovely to the eye
For cosmopolitans aged 0-12
<span style="color:#69504a"></p></span>
<span style="color:#69504a"></div></span>
<span style="color:#69504a"></div></span>
<span style="color:#69504a"></div></span>
<span style="color:#69504a"><div class="span4 block"></span>
<span style="color:#69504a"><div class="block-img"><img src="images/joomlart/demo/cosmospolis216.jpg" alt="" /></span> <span style="color:#69504a"></div></span>
<span style="color:#69504a"><h3 class="block-title"></span>Frances<span style="color:#69504a"></h3></span>
<span style="color:#69504a"><div class="block-content"></span>
<span style="color:#69504a"><p></span>Premium garments for small sirs
One-of-a-kind suits, shirts, jackets and the likes
Vintage inspired and tailored to boys needs
Made of natural fabrics of finest quality
<span style="color:#69504a"></p></span>
<span style="color:#69504a"></div></span>
<span style="color:#69504a"></div></span>

thx in advance or a quick hint.

best regards steffen

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#494886

So that I can try to best assist you, please provide the url of the site you’re working on,
as well as set your site to “Development Mode” within your Template Manager

[steveross Friend steverossJoin date: May 2013Posts: 36Downloads:0Uploads:4 Thanks: 6]

#494892

thx for your reply. the site is in devel. on localhost here. any idea to solve that the raw way ? :-[

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#494896

<em>@steveross 375541 wrote:</em><blockquote>thx for your reply. the site is in devel. on localhost here. any idea to solve that the raw way ? :-[</blockquote>
The problem is that you have already done some personalization/customization of the base template for your own site purposes … which is exactly what you should be doing. However, in doing such, it is difficult to be able to provide you with an “as precise as possible” solution for your issue without being able to inspect the site online.

Any way you can upload it to your webhost server temporarily?

1 user says Thank You to TomC for this useful post

1. steveross

[steveross Friend steverossJoin date: May 2013Posts: 36Downloads:0Uploads:4 Thanks: 6]

#494914

<em>@TomC 375545 wrote:</em><blockquote>The problem is that you have already done some personalization/customization of the base template for your own site purposes … which is exactly what you should be doing. However, in doing such, it is difficult to be able to provide you with an “as precise as possible” solution for your issue without being able to inspect the site online.

Any way you can upload it to your webhost server temporarily?</blockquote>

i will upload and PM you with login

[steveross Friend steverossJoin date: May 2013Posts: 36Downloads:0Uploads:4 Thanks: 6]

#494991

You got a PM with all Login Data. thx for your help.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#495038

Just so we’re on the same page as to which elements you want to modify/reposition …. is it the headers/titles or the content/images itself?

[steveross Friend steverossJoin date: May 2013Posts: 36Downloads:0Uploads:4 Thanks: 6]

#495042

its the whole block with 3 images and text to be centered. some px to the left. i have no idea how to do that. the title is ok.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#495049

Okay, here is what you can try (assuming you’re utilizing the responsive feature of/for this template) . . .

Within file path –> /t3-assets/dev/modern1/templates.ja_onepage.less.bootstrap-responsive.less.css

at line 153, add a “margin-left” property to the rule – for example:

.row-fluid {
margin-left: 20px;
width: 100%;
}

There’s also a similar CSS rule (in a different file) that – depending on your needs – you can do the same thing – but I believe you should only modify one or the other.

The other CSS file would be located at –> /t3-assets/dev/modern1/templates.ja_onepage.less.bootstrap.less.css

at line 300

You can always “trial-and-error” with both of them – until you arrive at the result you’re most happy with.

Hope that helps

1 user says Thank You to TomC for this useful post

1. steveross

[steveross Friend steverossJoin date: May 2013Posts: 36Downloads:0Uploads:4 Thanks: 6]

#495136

thx a lot, it was the right solution. i use 38px margin but anyway. so now i have a bootstrap.less compiled to css and its going to with folder ? sorry, im confused esp. about less.

best regards

steffen

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#495148

<em>@steveross 375831 wrote:</em><blockquote> sorry, im confused esp. about less.

steffen</blockquote>

Steffen:

See the last two links in my signature block below – under “Helpful Reference Links”

😎

[steveross Friend steverossJoin date: May 2013Posts: 36Downloads:0Uploads:4 Thanks: 6]

#495158

i just want to know where to put the css to be aktive. rename it to bootstrap.reponsive.css ? found a couple in the system with the same name.

the next thing is how to adapt the logo for mobile view. bit to large. simply adjust the logo size ? or second version ?
the menu button in the left does not show the renamed menus.
sorry, its not my firt joomla project but this template is hard to handle while being absolutely beautyfull at all.

thx

[steveross Friend steverossJoin date: May 2013Posts: 36Downloads:0Uploads:4 Thanks: 6]

#495382

Ok i fixed it by exploring tthe site structure and wastet a couple of time for that. is it really that difficult to give me a quick hint ? :confused:

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#495387

<em>@steveross 376162 wrote:</em><blockquote>Ok i fixed it by exploring tthe site structure and wastet a couple of time for that. is it really that difficult to give me a quick hint ? :confused:</blockquote>
Was it really a “waste” of time … seeing as how now you’ve learned that much more about working within the site structure files? As you have no doubt now discovered … a little trial-and-error + patience can go a long way.

GOOD JOB !!! – All the best with your continuing site development !!!

😎

[steveross Friend steverossJoin date: May 2013Posts: 36Downloads:0Uploads:4 Thanks: 6]

#495389

yes, wasted. rather then clicking confused thru the whole firebug structure analysis i would be the same effect to provide a hint with two sentences. we have a deadline here and i will never read a bootstrap framework thing because I’m not a developer.

[Author]

Posts