Recent
Categories
View Replies (6)

Ashley - Indent Side Col-A

0
Votes
Undo
  1. rogimon
    rogimon
  3. Commercial Templates
  4. Thursday, 15 September 2016
  5.  Subscribe via email
Hello,

I am having a bit of a task getting this doe. See here I got the column in the position I want but then it pushes down the main content section to the bottom. If I reduce the width of the side column to 23%, the content goes back up to it's correct position. But then, the column will be too narrow.

The CSS I used is this. I added a margin to top and left and reduced the height to 95%

.sidecol_a, .sidecol_b, #content_full, #content_remainder, .content_background {
height: 95%;
margin-left: 35px;
margin-top: 20px;
position: relative;
}

Can it work the way I want it to?
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Could I ask you to check the URL provided as it appears to be giving us a 404 error.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
rogimon
rogimon
Accepted Answer Pending Moderation
0
Votes
Undo
I just clicked the link and got through.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you. Your site is now loading.

Could you detail for me what you are trying to achieve with your custom CSS? Page appears to load fine without it.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
rogimon
rogimon
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran,

Sorry but it is not loading the way I want it. I have attached an image (img.jpg) which compares how the site is made to work without any custom css code and how it looks with the code I have edited. Notice the heading TOURS falls below the content in the side column.

The second image (mock up) is the way I want to display my site.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Presuming I understand you correctly and you wish your side column to start inline with your component content try adding the following to the Custom CSS field of your templates parameters...


.sidecol_a {

    margin-top: 44px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
rogimon
rogimon
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks but that didn't work. Ended up creating a module class suffix which did the trick.
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok