Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 18, 2014 at 3:06 pm #305770
    codecreative

    Hi

    Please take a quick look at http://79.170.43.15/opulentfinancialplanning.co.uk/

    I’d like to remove the padding top from just above the carousel. This is the css responsible for it

    .content{
    padding-top: 45px;
    }

    The thing is if I reduce this it will affect various divs on the home page. How can I apply this to just that 1 particular div. I believe I must add a class?

    Currently this is the div I have to work with
    <main class=”template-page content twelve alpha units” itemprop=”mainContentOfPage” role=”main”>

    I know I can apply css rules to just a page id. But in this case that still isn’t enough to isolate the div

    August 18, 2014 at 3:15 pm #305776
    Dude

    Hi codecreative!

    How did you add the carousel to the page template? Did you try to use the custom class feature (see http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) to apply a custom class to the surrounding div?

    Best regards,
    Peter

    August 18, 2014 at 3:47 pm #305795
    codecreative

    Hi Peter

    I used the plugin http://codecanyon.net/item/ultimate-3d-carousel/6651900

    And included it via a very simple short code. I will study this link you provided now

    August 18, 2014 at 3:54 pm #305800
    codecreative

    Hmm I can see how you think this would help but that isn’t really the issue. This article shows how I can add a class to the short code. I can also achieve this by just placing a div around it.

    What I am trying to do is remove the padding being applied to this div
    <main class=”template-page content twelve alpha units” itemprop=”mainContentOfPage” role=”main”>

    It is being applied through this css

    .content, .sidebar{
    padding-top: 45px;
    }

    If I change this it will manipulate the padding in other areas of the site. I can apply it to just the home page id but within the home page this css is applied more than once so that isn’t really an option. Any ideas?

    August 18, 2014 at 4:27 pm #305831
    codecreative

    Hi

    What file should I open and edit to add a an if statement. I thought it was single.php but don’t think it is

    I’m going to use an if statement as follows

    <?php if(is_page(12)){
    <div class=’container template-blog template-single-blog carousel’>
    }else{
    <div class=’container template-blog template-single-blog ‘>
    }

    That will add the carousel class if it is the right page and I can then style it.

    August 19, 2014 at 5:54 pm #306447
    Dude

    Hi!

    It depends on the page. If it’s a standard page (no advanced layout builder) search for this line in page.php:

    
<main class='template-page content  <?php avia_layout_class( 'content' ); ?> units' <?php avia_markup_helper(array('context' => 'content','post_type'=>'page'));?>>

    If you want to modify the layout builder template you need to modify wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/section.php:

    
$output .= "<{$markup} class='template-page content  ".avia_layout_class( 'content' , false )." units'>";

    Regards,
    Peter

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.