Forum Replies Created

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • in reply to: Portfolio List #273727

    Hey atrixdave!
    The easiest way to do this with Enfold is to manually create a table by using the built in options to do so.

    If your looking to automate or pre populate a table based on your portfolio.. That would require you to make a custom template.

    But if you look at the bottom of this demo page, you will see you can easily make your own tables with text / links etc. It isn’t automated, but it is easy to edit and add new one’s afterwards, or anytime you have a new portfolio item you need to add. It’s just using the table content element block.

    http://kriesi.at/themes/enfold/shortcodes/pricing-and-data-tables/
    Cheers!
    Chris

    • This reply was modified 9 years, 10 months ago by Chris.
    in reply to: line height, space between elements #273722

    Hey smorrone!
    So what is happening is there is a default margin applied to ( p ), see this image:
    https://dl.dropboxusercontent.com/u/21724593/kriesi/p-margin.png

    So to remove that from only that text block. You will want to give your p’s that you want to remove it from a class.
    Something like:

    <p class="no-margins">Then Add Your Text Here</p>
    
    Then in your quick CSS edit in "Enfold / General"
    you would put something like this:
    
    p.no-margins { margin: 0em 0!important;}

    It may be easier if you make this using the code block instead of the text block, I’m not 100% sure that the code won’t get stripped out after you save it again.

    Cheers!
    Chris

    Hi!
    Would you be able to provide us with your site admin and username and password so I can check it out please.
    I would like to take a look at how the page is coded and check out Gravity Forms settings etc.

    When replying to this message with the login information, please mark the reply as private.
    Best regards,
    Chris

    in reply to: Blog header icon change to image from the blog post? #273711

    Hey John!
    If I’m not mistaken, you just set the “featured image” to be the one you want to replace the pencil.

    Where you edit a post, in the sidebar down at the bottom right there will be a blue link that says “set featured image”. Click that and upload / choose the image you would like to use.

    Let me know if that works for you.
    Best regards,
    Chris

    in reply to: Rookie needs help #273709

    Hi!
    Sorry, for the footer, the very bottom of the site, yes it is a site wide change.

    You will find the background color and text color settings here:

    Enfold / General Styling / Footer Tab
    https://dl.dropboxusercontent.com/u/21724593/kriesi/footer-tab.png
    Best regards,
    Chris

    in reply to: Rookie needs help #273708

    Hey rhysbowen!

    So when you make a new page, you use the advanced layout editor.
    From There you use the color section from here:
    https://dl.dropboxusercontent.com/u/21724593/kriesi/color-box.jpg

    Then you click on the settings for the color section:
    https://dl.dropboxusercontent.com/u/21724593/kriesi/edit-section.jpg

    Then from there you upload your background image, and the “parallax” effect is what your looking for:
    https://dl.dropboxusercontent.com/u/21724593/kriesi/parallax.png

    You won’t see that option until you upload an image to the color section settings first.
    Then after you have that all set you drag the type of content you want into that color section, whether it’s a text block, or 3 columns with text blocks in each one for example.
    https://dl.dropboxusercontent.com/u/21724593/kriesi/text-block-added.png

    Hopefully that gets you in the right direction.
    Regards,
    Chris

    in reply to: Remove thumbnail from Enfold latest news widget #269953

    Hey!
    In your dashboard you can go to Enfold / General / Quick CSS. Then you can add these lines to your quick css and click save:

    .newsbox .news-thumb, .newsbox .news-time {display: none;}

    /* IF YOU WANT TO RESIZE YOUR TITLE"S TO BE BIGGER, USE THIS*/
    .newsbox .news-headline {font-size: 120%;}

    Changing the 120% to whatever size you like.
    Regards,
    Chris

    • This reply was modified 9 years, 11 months ago by Chris.

    Hey!
    So for this page: http://utrugby.com/sin-bin/
    This will get rid of the border between the text and gallery:

    body.page-id-1595 .container_wrap {border-top-style: none!important; border-top-width: 0px;}

    And this will change the padding.. change the 15 to whatever spacing you like:

    body.page-id-1595 .template-page {padding-bottom: 15px;}

    This will change the color of the title on the masonry hover:

    .av-masonry-entry .av-masonry-entry-title {color: #C15000!important;}

    This will change the background color, and the color of the little arrow in the middle to match your new background color:

    .av-inner-masonry-content.site-background {background-color: #000!important;}
    .av-inner-masonry-content-pos .avia-arrow {background-color: #000!important;}

    Here is what it would look like:
    https://dl.dropboxusercontent.com/u/21724593/new-background.png

    Best regards,
    Chris

    • This reply was modified 9 years, 11 months ago by Chris.

    Hi!

    Ok, I installed Slider Revolution on a test site running Enfold 2.7.

    I then configured my Slider Settings to match your image dimensions on your page: http://soapmarine.com/boccamoka/fullscreen/

    Here is how I set them:
    Title: Whatever you want
    Alias: Whatever you want
    Source Type: Gallery
    Slider Layout: Full Screen
    Min. Fullscreen Height: Left Blank
    FullScreen Align: OFF
    Force Full Width: OFF

    Full Screen Slider Checked.
    Grid Settings – Grid Width: 1490 (your image width) Grid Height: 768 (your image height). I didn’t add (px) to the end of the numbers.

    I left most settings on the right side default. I did change:
    Appearance –
    Shadow Type: No Shadow
    Show Timer Line : Hide

    Navigation –
    Navigation Type: None
    The rest as default

    I then saved my slider settings and created my slide. I used your background image of 1490 x 768 which took up the whole background area of my newly created slider, I then added your overlay text image as an image layer.

    I then wanted to put it on a page, and do so without editing a php template.. so here is what I did:

    I created new page, my settings were:
    Template: Default Template
    Layout: No Sidebar
    Title Bar Settings: Hide both
    Activate Header Transparency: Transparent Header
    Footer Settings: Don’t display the socket & footer

    After I had my page set up I loaded up the Advanced Layout Editor, I then added a “Color Section” layout element. Within that “Color Section” I added a text block. In The text block I had a choice in the top right corner for “visual” or “Text”. I chose text. I then inserted my Revolution Slider Shortcode that looked like this: [rev_slider name-of-slider-alias]

    This is probably where you got to.

    The next thing I did was view the front page, and my site looked the same as yours.. it was confined to the container.
    So Then I viewed the source code to find the body page id for the page. In your case on the page you linked to: http://soapmarine.com/boccamoka/fullscreen/ has this as it’s body class: page-id-104

    Each page in WordPress, depending on how the theme is coded will have it’s page id in the body class.. thankfully Enfold does.. which means I could then change a couple of lines of CSS based on that single page.. and get the Slider Revolution to go full screen and width.

    So, I added these lines of code. You can add them to your child theme, or to the custom.css file within enfold itself, or even to the quick css under Enfold / General. So based on your site using the link above and the body class I mentioned..

    body.page-id-104 .container {width: 100%!important; margin: 0 auto;}
    body.page-id-104 #header_main {max-width:1030px; margin: 0 auto;}
    body.page-id-104 .content {padding-top: 0px!important; padding-bottom: 0px!important; margin-top: -2px!important;}

    The first line of CSS, changes the container width to 100% instead of 1030px;
    The Second Line of CSS, makes the header go back to it’s 1030px max-width.
    The Third LIne Removes the default top and bottom padding of 50px and removes a 2px margin from one of the inner elements.

    This Should then make the slider full screen for you as long as you follow the directions above setting up the page and the slider.

    Here is a screenshot of my demo of your slider:
    https://dl.dropboxusercontent.com/u/21724593/Rev-Slider-Enfold.png

    Notice the menu is still centered and not full width, but the slider expands past it.
    And here is a screenshot of your demo, where I added the code via css in chrome inspector. The only problem is the slider doesn’t realize the page is resizing.. so it didn’t change to full width.. but you can see that the code should work for you once you add it and refresh the page.
    https://dl.dropboxusercontent.com/u/21724593/Rev-Slider-His%20Site%20Demo.png

    Regards,
    Chris

    • This reply was modified 9 years, 11 months ago by Chris.
    in reply to: Style single pages not being build with avia builder #268493

    Hey!

    In the code on your site you do not have .container_wrap_first compared to the latest version 2.7 and the suggestions above. When looking at the head of your site it shows:

    Debugging Info for Theme support:

    Theme: Enfold
    Version: 2.0
    Installed: enfold
    AviaFramework Version: 1.8.2
    AviaBuilder Version: 0.3.1

    The current version of enfold is 2.7 which has a lot of updates, and that specific class could have been one of the changes. If you don’t want to update because of customizations or something you could try this plugin: http://wordpress.org/plugins/wp-post-styling/

    It lets you create a custom style in the settings. Like choose a name, and then create some css. Then it allows you to choose to use it on a per page basis. This would give you more control over which pages you would like “shrink”. It would also mean you only add the code once in the settings and choose the desired class from a drop down under the post editor on the page rather than entering css by page id. It would also let you do it to pages with the visual editor as well if you wanted to.

    So you simply give your new class a name like: 710px-width and then add the css: .entry-content { max-width: 710px; margin: 0 auto; }

    Then on the page choose the 710px-width from the dropdown of custom classes you created.

    Cheers!
    Chris

    in reply to: Avia Layout Builder Not Loading #239842

    I noticed in the layer slider.. when you choose to load the Google CDN.. it causes the page builder to not load. Just for reference.

    It happened to me.. so I turned it off again.

    Chris

    Ok, I have no problem styling the hamburger to be wider / higher etc. Is there a way I could go about adding in the text “Menu” for example in one of the files?

Viewing 12 posts - 1 through 12 (of 12 total)