Maja WordPress Theme

Hi,

you can edit functions.php (inside ‘Appearance>Editor’ if you want), scroll down until you see ‘ADDING THEME SUPORT’ title, and find this line:

//nivo slider images
add_image_size('slider-thumbnail', 680, 260, true);

Just to note first, that this is for Flexslider, and not for Nivo slider, but this comment left from one of the previous theme versions when I was using Nivo. Change 680 to 725 to get full width slider, and 260 to the height you want.

Also, you should add this css:

.flexslider { max-width:745px !important }

Hi, I made the chances, but it seems it’s not working.. Can you please check? I’m e-mailing you the link and username..

I forgot to mention that you’ll need to reupload your slide images from your computer again, so that changes can take place.

1)

#menu_list {
text-align: left;
padding-left: 20px;
}

2) Well, the entire left section is sharing single background. I guess you could add a custom background using css to each list element (or link) inside #menu_list I’ve mentioned above.

3) If you want links to appear on all pages, you can edit page template file (page.php).

4) Social icons file is ‘social_icons.png’ file, found inside ‘images’ folder of the theme’s directory.

5) You can add it inside ‘footer-menu.php’ file, just above social icons div.

Thanks a lot for your quick and awesome response!! It’s all great.. Only you said:

2) Well, the entire left section is sharing single background. I guess you could add a custom background using css to each list element (or link) inside #menu_list I’ve mentioned above.

Which code should I use to assign this background image, when people move the mouse on, it will be a different background color?? Sample here: http://bit.ly/11rI0hY I think it’s not a background image, it’s just a color?

Thanks a lot!!! You’re awesome!

You can use something like:

#menu_list li a:hover { background: red; }

Play with it until you get what you want.

Hi,

I will add Georgia to the list in my next update. But in the meantime, you can go to ‘Font Options’ page and set Arial for everything (so that none of Google fonts get loaded), and paste this custom css inside ‘Theme Options’ page:

body, h1, h2, h3, h4, h5, h6, #menu a { font-family: Georgia, serif !important; }

Hi, you’ll need to edit two files:

- inside functions.php, under ‘ENQUEUE SCRIPTS & STYLES’ title, remove this two lines:

wp_enqueue_script('maja_lightbox', MAJA_THEME_DIR . '/lib/js/jquery.prettyPhoto.js', array('jquery'));
wp_enqueue_style('maja_lightbox_style', MAJA_THEME_DIR . '/lib/css/prettyPhoto.css');    

- inside ‘mixed.js’ file (found inside ‘lib/js’ folder), remove the part at the top that is under ’// PRETTY PHOTO’ title.

Thanks a lot! 5 stars theme

Hi,

you need to wrap your content with one of the layout shortcodes. Inside visual editor, select your content, and chose one of the buttons marked as ‘1’, ‘1/2’, ‘1/3’ etc., depending on what layout you want to build.

Ok, I see that now. Thank you! Two more quick questions: Where would I find a list with all the shortcodes—the codes used in the [brackets] Also, how do I raise the [title] on the pages a little?

You can see the list inside the documentation, under ‘I) Shortcodes’ section. For the second question, you can use this css to decrease the top padding:

.content { padding-top:60px; }

60 is the current value, so take it down to the value you want.

Cheers.

Hi,

inside the visual editor, you need to select your unordered list, and click on the button that has a bullet (dot) displayed (4th button from the right end of the toolbar). Next to the bullet list, you also have a choice to use arrow and check list.

For a more detailed explanation, take a look inside the documentation, under ‘I) Shortcodes > Lists shortcodes:’ section.

Cheers.

I was having trouble because i was selecting each item and not the whole. I do not exactly have a list, it is more of a question and then statement. I highlighted the entire thing and it looks ok, the arrow is in the middle of each response and not at the start of each response. I switched from dot to arrow and it looks ok now. I will send a link when it is live. Thanks for the great response time and all of your hard work.

Hi,

auto close affects only sub-menus – for example, when you hover another sub menu, then the previous one get’s closed. Try moving some of the links in sub-menus to get more space. If that doesn’t help, you can use this css code to decrease all spaces inside the left column:

#menu { padding-top: 35px; }  /* less space at the top */ 
#menu_list { margin-top: 40px; } /* less space above menu list */
#menu_list li a { margin-bottom: 0.6em; } /* tighten menu links */

Cheers.

Hi Jacco,

I’m not sure about second column for 3rd level links. The accordion menu is controlled by a plugin, and a 3rd, 4th and any other level will work in the same way as a 2nd level – by folding in and out.

Hi,

unfortunately this option is not available inside the settings page, but you can turn it on if you edit a theme file called ‘mixed.js’, found inside ‘lib/js’ folder. There, under ’//NAVIGATION’ title, change ‘eventType’ to be ‘click’ (instead of ‘hover’), and ‘disableLink’ to be ‘true’ (instead of false).

Cheers.