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!