I’m not a PHP expert, but I did just do some tabs with ACF and VC, so here goes. It will look like this:

// Set up your row, column, and tabs element
$to_echo = '[vc_row][vc_column width="1/1"][vc_tabs]';

// Simplest possible example of getting ACF data, sub in yours
$data_1 = the_field('my_custom_field_1');
$data_2 = the_field('my_custom_field_2');

// Repeat these lines for each tab, making sure each tab has a unique id
$to_echo .= '[vc_tab title="The first tab" tab_id="tab_1"];
$to_echo .= $data_1;
$to_echo .= '[/vc_tab]';

$to_echo .= '[vc_tab title="The second tab" tab_id="tab_2"];
$to_echo .= $data_2;
$to_echo .= '[/vc_tab]';

// (You could wrap each block in an if to skip a tab if the data is empty)

// When you have all your tabs, close the elements
$to_echo .= '[/vc_tabs][/vc_column][/vc_row]';

// We have to filter the whole string to make WP interpret the shortcodes
$to_echo = wpb_js_remove_wpautop($to_echo);

// Do whatever
echo $to_echo;

As far as I can tell, Rev Slider’s posts slider is designed to be frustrating. The steps I found I had to follow were:

1. Make a slider template and don’t touch it yet

2. Make a slider, set it to load posts, and set it to use your slider template

3. Edit your slider template’s appearance and such

4. Go to your slider template’s Edit Slides section and create one slide. Make it transparent. Add layers for title, category, etc. (This part is pretty well documented: http://themepunch.com/codecanyon/revolution_wp/documentation/#!/post_templates)

5. Don’t edit the actual slider again. Without the one slide you added in step 4, you get the message you saw. But once you do step 4, your slider template is transformed into a slider. If you edit your actual slider, your slider template will no longer appear in the list of templates and you won’t be able to save it.

Then repeat steps 3 and 4, not adding any more slides but editing the one slide on the (reformed) slider template.

If there’s a better way, I haven’t found it yet…

As for the upgrade, maybe someone else can advise. I made it to WP 4.0 with Newspaper without a problem 🙂

Just another note on a 4.2.2 Newspaper update with a couple dozen plugins successfully and cleanly updating to WP 4 from 3.9.2. 🙂

In the zip file that you download from themeforest, there’s a folder called plugins. It’s in there. 🙂 You have to go to Plugins -> Add New and then look for the text at the top that says “If you want to update a plugin by uploading a zip file, go to this page” or something to that effect.

Welcome! Enjoy the theme.

Theme panel -> Post settings -> Breadcrumbs

(Thanks for the clarification 🙂 I’ve done enough now with my site that I can’t always play around and replicate to make 100% sure…)

Thanks!

Try this CSS in the Custom CSS section of your theme panel:

.widget .td_mod_6 {
  border-bottom: 1px solid #7d7d7d;
}

Change the hex code to whatever colour you want.

To adjust the spacing, you can add

` margin-bottom: 10px !important;
}

After the border-bottom line, adjusting the px as required.

First, to set a page as your homepage, do this:

1. Create a page and call it “Home” or something.

2. Go to WordPress’s “Reading” settings and set it to use a static page. Then you can choose the page you made.

Then you can customize your homepage by editing that page you made.

If you edit it and see the normal WordPress editing screen, click the blue “Backend Editor” button, which will take you to Visual Composer’s editing view.

From there, you will see the rows and columns that make up your homepage. If you want, set the homepage template at the right, from one of tagDiv’s basic ones. Then you can click on the + icons to add an element. For example, a slider, a Big Slider, a Revolution Slider at the top.

Then the main part of your homepage is usually made up of block elements. The demo homepage is made of blocks set to show their categories. When you edit a block’s settings, that’s when you would make them show your categories — and many other options.

Hope this is helpful! Post again if anything’s unclear.

Indeed! Currently using EWWW to ensure themes folder is periodically optimized and it’s gotten rid of the PageSpeed notifications, but it would be great if the images came pre-optimized.

This might actually be an improvement! I’ll have to try it out… but what will happen with the way the slider is reorganized on mobile?

P.S. Best headline ever on that cat slide.

Note that for those who want to fast-track it, you can buy a licensed copy of RevSlider. (I don’t know if this is necessary; I just happened to have bought it a little while back to keep it constantly updated, so I guess I lucked out)

Thanks for spotting this! Removed in my copy as well.

Good call! If I ever decide to use the other module, I’ll switch to this 🙂

I was hoping for that too. We need more modules/blocks to do text-only styles :p For the moment I did it lazily by CSS:

.thumb-wrap {
  display: none !important;
}

That would target all your thumbs, so I set aside one block style for categories that don’t have images, and added that class to target those thumbs specifically.

Yes, was thinking the same thing. Currently the only way is to add a row just for the one element and then give the column a custom CSS class. But rows inside rows tend to break the layout in small ways. This is from experimenting a bit and finally deciding to just reserve a whole block style for one purpose so I could target it :p

Yup. Mutual learning process here ^_^

What do you mean? Do you want help with graphic design?

🙂

Easy way is custom CSS:

#td-top-search {
  display: none !important;
}

(Less easy but technically better way is to edit menu-header.php and menu-header-center.php in a child theme and remove the content of the div whose ID I just quoted.)

Without a live site it’s not possible for me to inspect element and see the exact CSS, but here goes.

Revolution slider problem:

.sf-menu {
  z-index: 2 !important;
  }

.rev_slider {
  z-index: 1 !important;
}

For the search bar, right-click and use inspect element. Find the input element and then find its class (or the class of the first container above it), then sub that in here:

.the-class-you-found input[type="text"] {
  border: 1px solid #777777 !important;

For example, if I were changing my Contact Form 7 “Your name” input, I would right click on it and find this:

http://www.screencast.com/t/B8Rfnfeuvr

In which case my CSS would be:

.wpcf7-form-control-wrap-your-name input[type="text"] {
  border: 1px solid #777777 !important;

Then change the hex code to whatever colour you want.

• This reply was modified 11 years by TheMediumUTM.

It’s one of the few benefits of being green at web development. I see text overflowing onto the next line and think “That’s a wrap problem” without regard for reasons why it might or might not be appropriate, and it’s a lucky guess. 😉

My apologies, I forgot to copy the <?php tag at the very start of the file and to add a semicolon at the end of the last line. Try it with that.

Sounds good. That’s probably what I would do if I were going to go to the trouble. Using a tag so that blocks can distinguish is something I hadn’t considered 🙂