Forum Replies Created
-
AuthorPosts
-
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 10 years, 6 months ago by Chris.
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.pngSo 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!
ChrisJune 3, 2014 at 5:00 am in reply to: activation page gravity forms overlapped in header, not appear in main content #273712Hi!
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,
ChrisHey 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,
ChrisHi!
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,
ChrisHey 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.jpgThen you click on the settings for the color section:
https://dl.dropboxusercontent.com/u/21724593/kriesi/edit-section.jpgThen from there you upload your background image, and the “parallax” effect is what your looking for:
https://dl.dropboxusercontent.com/u/21724593/kriesi/parallax.pngYou 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.pngHopefully that gets you in the right direction.
Regards,
ChrisHey!
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 10 years, 7 months ago by Chris.
May 26, 2014 at 7:12 am in reply to: Quick CSS Styling with Fullwidth Masonry Gallery and Fullwidth Masonry #269948Hey!
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.pngBest regards,
Chris- This reply was modified 10 years, 7 months ago by Chris.
May 26, 2014 at 6:40 am in reply to: How to solve problem with pixelated phrase titles in the slider image? #269940Hi!
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: OFFFull 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 : HideNavigation –
Navigation Type: None
The rest as defaultI 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 & footerAfter 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-104Each 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.pngNotice 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.pngRegards,
Chris- This reply was modified 10 years, 7 months ago by Chris.
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.1The 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!
ChrisI 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
March 18, 2014 at 7:48 pm in reply to: Can't Find Responsive Dropdown Nav Menu Only Hamburger in 2.6.1 #239576Ok, 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?
-
AuthorPosts