Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
3ric

Custom Padding on A Single Page Within an Index

Question

I am using the Bryler template and have a single index page for my site that holds all of the content pages within it.

I am trying to create a scenario where the first page of the index has different padding (top and bottom margins) than the rest of the pages within the same index.  In other words, can I adjust the padding of a single page within an index without affecting the others?

Let's say my index is named "welcome" and the first content page under that is called "home".  I found this code on another thread, but cant seem to assign the page names properly...

section#video .Index-page-content {
  padding-top: 20px;
  padding-bottom: 20px;
}

I tried using "welcome#home" and "home#welcome", but neither worked.  I'm sure I'm missing something simple, as a very inexperienced coder.

I'm hoping some one can help me out.  Thanks so much.

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 0

Its the top/first section where the site title is.  I'd like to reduce the top and bottom padding to tighten up the spacing around it.

Image attached for reference...

Screen Shot Edit.jpg

Share this post


Link to post
  • 0
On 5/26/2020 at 3:14 AM, 3ric said:

Its the top/first section where the site title is.  I'd like to reduce the top and bottom padding to tighten up the spacing around it.

Image attached for reference...

 

Add to Home > Design > Custom CSS

div#featured-work-section .content {
    padding-top: 0;
}
div#home-section .content {
    padding-bottom: 0;
    padding-top: 0;
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
  • 0

Tuan, that worked beautifully.  Thank you very much.  Really appreciate the help.

Share this post


Link to post
  • 0
On 6/1/2020 at 4:47 AM, meltyogastudio said:

I am trying to do the same thing on this page....

Need the Melt Live Packages banner to be closer to 3 boxes and text to be closer to banner

 

https://www.meltyogastudio.com/rates

Meltyoga#1

Add to Home > Design > Custom CSS

[data-section-id="5ec4290f96387b0add7f546b"] .content-wrapper {
    padding-top: 10px !important;
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...