Jump to content
Sign in to follow this  
Followers 0
chrisdhanaraj

How do I create a new Content Section for a Template?

By chrisdhanaraj, in DMS & Legacy Products

Recommended Posts

chrisdhanaraj    1

chrisdhanaraj
Posted

My homepage will require that the "features" section and "content" section to be a different color from the internal pages . I used CSS to change the features area as an example but it works globally. Would it make sense to have a special "features" and "content" section for the homepage so I can apply different CSS? And if so, I do I create these new sections?

Share this post

Link to post
Share on other sites

Simon    248

Simon
Posted

You can use css to target just the homepage, every page in wordpress has unique 'body' classes.

View the source of your page in the browser and look for the <body> tag and note the classes.

Share this post

Link to post
Share on other sites

chrisdhanaraj    1

chrisdhanaraj
Posted

Sounds logical.

here's what I have

body.home.page.page-id-2 section#features.container.no_clone.section-features.fix div.texture {

background-color: #f7f7f7;

}

That doesn't work but it's probably not right. Do I need to add a more complete path to the the div?

Share this post

Link to post
Share on other sites

Simon    248

Simon
Posted

Well im no good at CSS ;) but if you post a link to your site and exactly what you need, someone with some skills will be along.

Share this post

Link to post
Share on other sites

chrisdhanaraj    1

chrisdhanaraj
Posted

I got it to work! Putting a page id for every page is quite brilliant :)

Thanks for your help.!

Share this post

Link to post
Share on other sites

Simon    248

Simon
Posted

The topic was marked as resolved.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

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

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
Followers 0
Go To Topic Listing DMS & Legacy Products

  • Similar Content

    • sakkthi subramaniyam
      Pagelines Framework Section Plugin
      By sakkthi subramaniyam
      Working on a very old site which has  pagelines framework theme. I need section plugin. so i can install postpins section. I have lost backup copy.
      Thank you.
    • elementalkites
      [Solved] Impulse Section — Logo Not Showing
      By elementalkites+
      Good evening. I am attempting to use the Impulse section on a page I am working on (https://dev.elementalkites.com). The tool seems to have the ability to overlay a logo on top of the slider images but in my case it isn't working, even though I have added the logo file and given it a height to display at. I have attached a screenshot for reference. Any help would be appreciated.
       
       
    • DonRicardoRVM
      [Solved] Templates quickshop
      By DonRicardoRVM+
        First of all, sorry for my bad English.  I am developing an ecommeece with wp, woocommerce, PL5 and quickshop, and I need to do some changes in the simple product grid. I want to change the classes of some divs, but I can't find the templates. 
      Also, I change the grid of the category products pages, but I didn't make it correctly.
      This is the cat archive's: http://globosdemar.com/wp/categoria-producto/camisetas-para-ninos-y-ninas/
      Can you help me?
    • jojoking
      Videobox section shortcode
      By jojoking+
      I have to admit to being baffled.
      I'm trying to embed a video (from my WP media library) within a WP post using the videobox section shortcode.
      The shortcode section popup only allows two items to be configured - the section type, in this case videobox - and a unique id. There's no URL or other parameters such as autoplay or loop which are available within the Pagelines editor.
      Whatever I put in the unique ID makes no difference to what is shown which seems to be a default video with stars or white noise on a black background.
      I assume I need to define this ID somewhere else, or maybe WP has done it for me?
      HELP!
       
      PS This is the page source generated when a shortcode is added within the WP post editor
      <!-- VideoBox | Section --> <section id="videobox_1675853156" class="pl-sn pl-col-sm-12 pl-col-sm-offset-0 pl-sn-videobox" data-object="PL_VideoBox" data-clone="1675853156" data-level="0"><div class="pl-sn-wrap"><div class="pl-sn-pad fix" data-bind="pledit: true" > <div class="video-highlight"><h3 class="video-title" data-bind="pltext: vb_title"></h3></div> <div class="pl-video-box" data-bind="plcallback: { vb_autoplay: vb_autoplay(), vb_loop: vb_loop(), vb_controls: vb_controls(), vb_video: vb_video()}" data-callback="videobox"> <video id="280414138" autoplay loop > <source src="https://www.handinhandmanchester.org.uk/wp-content/plugins/pl-section-videobox/default.mp4?r=280414138" type="video/mp4" /> No browser html5 video. </video> <script> jQuery('#280414138')[0].load(); </script> </div> </div></div></section> </div>  
      If I add a videobox section using the Pagelines page editor the page source generated includes my video:
      <!-- VideoBox | Section --> <section id="videobox_udvu4uz" class="pl-sn pl-col-sm-12 pl-col-sm-offset-0 pl-sn-videobox" data-object="PL_VideoBox" data-clone="udvu4uz" data-level="0"><div class="pl-sn-wrap"><div class="pl-sn-pad fix" data-bind="pledit: true" > <div class="video-highlight"><h3 class="video-title" data-bind="pltext: vb_title"></h3></div> <div class="pl-video-box" data-bind="plcallback: { vb_autoplay: vb_autoplay(), vb_loop: vb_loop(), vb_controls: vb_controls(), vb_video: vb_video()}" data-callback="videobox"> <video id="429558737" autoplay loop > <source src="https://www.handinhandmanchester.org.uk/wp-content/uploads/2017/04/HIHWelcome.mp4?r=429558737" type="video/mp4" /> No browser html5 video. </video> <script> jQuery('#429558737')[0].load(); </script> </div> </div></div></section>  
    • poseyg
      Template - sync
      By poseyg+
      Could someone explain exactly how the new template sync works or what it is suppose to do?
×