Elmastudio – Suidobashi Premium WordPress Theme
Under Appearance → Customize you will find all customization options for the Suidobashi theme. The great thing about the Customizer is that you can see a live preview of your changes, so you can decide if you like your changes before you save and publish them.
In the Colors tab you can change your header text color, the background color, your text link color, your link background color for special links (e.g. links in the contact info) and the About background- and text colors.
Under Theme you can check the box to hide the search form and make your logo fixed-positioned on wider screens. If you want to use a logo image you can also make it Retina screen optimized, by checking the option under „Theme“. Therefore it’s also important that you upload your logo under Appearance → Header 2x it’s actual size (so if you want your logo to be 100x100px on your website, you need to upload it 200x200px).
Next you can choose your header intro text (HTML is allowed). You can also include your contact email and phone number for your header. If you like your email address to be a link you can add it in the following HTML format:[code] <a href=”mailto:[email protected]”>[email protected]</a>
You can also change the footer credit text in the theme options.
To add your own custom main menu in the Suidobashi header area you can create a custom menu under Appearance → Menus. Here you can include pages, categories, tags, custom links (e.g. to link to your Twitter or Facebook profiles) or Portfolio types and save your menu in the Menu Settings (see at the bottom of your new menu) as “Primary Menu” at the bottom of the menu settings. Now your custom menu will be the menu in your Suidobashi header area.
You can use a number of to design more interesting content for your portfolio projects, pages and posts.
Intro Text – To highlight a paragraph (e.g. the first paragraph of your text) in a bigger font size, you can wrap the paragraph in a p tag with the CSS class of “intro”.[code] <p class=”intro”>F</span>Your intro text here…</p>
Wide-Content – To include content with a wider content area of 960px (instead of the default 700px content width) on posts, you can wrap the content in a div container with the CSS class of “wide-content”.[code] <div class=”wide-content”>
Your content here…
Pull Quotes – You can use pull quotes on your text, by wrapping a sentence or short text in a p tag with the CSS class “pull-left” or “pull-right” for left or right aligned pull quotes.[code] <p class=”pull-left”>This is a left-aligned pull quote text.</p>
Child Theme for Customizations
If you want to customize the Suidobashi theme a little further and you need to change the code in the styleeheet (style.css) or in any of the theme template files, please consider creating a child theme for your changes. Using a child theme is quite easy and saves all your individual changes from being over written by a future update of the Suidobashi parent theme.