tcarman
asked 5 years ago

Hello,
Thank you for the fantastic free theme.
I am wanting to make some minor adjustments to the theme and was looking for some assistance.
The changes I am looking to make are as follows;

  • How can I adjust column widths to maximise the width of the centre column?
  • How can I implement the same style of contact form used in the live demo? I have used the code however the form does not function. Do I need a particular WP plugin? I have used a number of plugins to generate the form however I get a generic submit button etc and not in the style like the live demo page.
  • I’d like to modify the style colours (tl-info, tl-danger etc) used on the About page. Where can I adjust these colours?

Thanks again.

4 Answers
DominicStaff
answered 5 years ago

Hi,
1. If you want to make column width for the content column, you can add the following code to the style.css file:

#secondary {
    display: none;
}
.primary-inner {
    margin-right: 20px;
}

2. To create a contact page as our demo, you can log in to Dashboard > Page > Add new, then add the following code to the Text section.
URL: http://snippi.com/s/8gaf7lq
3. If you want to change the style color of the theme, you can open the main.css file in the folder path “wp-content\themes\dw-minion\assets\css“. 
Or you can tell me detail about the position that you want to change, I will help you resolve it.
Hope this helps !

tcarman Carman
replied 5 years ago

Thanks for the reply.1. I was hoping to keep all three columns but widen the content column. In the browser there is a lot of white space on the right of the page. Is it possible to widen the content page and push the secondary sidebar further to the right?2. I was able to copy the code for the contact page of the demo. It looks fine however nothing happens when I click submit. Do I need additional plugins for it to work?Finally, is it possible to a) add a home button to the left sidebar b) have the social links open in a new tab/browser window?Thanks again.

DominicStaff
answered 5 years ago

1. You can try with the following code:

.container {
    max-width: 1270px;
}
@media (min-width: 980px) {
.primary-inner {
margin-right: 315px;
}
}

2. Regarding your form section, you should use contact form 7 plugin. 

3.
–  If you want to create a Home button in the left sidebar, you can do as the following:
+ log in to Dashboard > Appearance > Widget > Add “Text” widget to the Main Sidebar then add the following code:
<a class=”home-button” href=”link homepage”>Home</a>
See the screenshot: http://prntscr.com/5y1qj4
+ Add the following code to the style.css file: 
.home-button {
border: 1px solid #764328;
padding: 5px 56px;
border-radius: 13px;
background: #764328;
color: #fff;
box-shadow: 0px 3px 3px #888888;
}
.home-button:hover {
background: #000;
color: #fff;
border: 1px solid #000;
text-decoration: none;
}
– If you want to make the social links open in a new tab/browser window,
 you can open the extras.php in the folder path “wp-content\themes\dw-minion\inc“. Find the line 264 to line 268.
Replace with the following code:

<?php if($social_links['facebook']!='') { ?><li class="social"><a href="<?php echo $social_links['facebook']; ?>" target="_blank"><i class="icon-facebook"></i></a></li><?php } ?>
<?php if($social_links['twitter']!='') { ?><li class="social"><a href="<?php echo $social_links['twitter']; ?>" target="_blank"><i class="icon-twitter"></i></a></li><?php } ?>
<?php if($social_links['google_plus']!='') { ?><li class="social"><a href="<?php echo $social_links['google_plus']; ?>" target="_blank"><i class="icon-google-plus"></i></a></li><?php } ?>
<?php if($social_links['youtube']!='') { ?><li class="social"><a href="<?php echo $social_links['youtube']; ?>" target="_blank"><i class="icon-youtube"></i></a></li><?php } ?>
<?php if($social_links['linkedin']!='') { ?><li class="social"><a href="<?php echo $social_links['linkedin']; ?>" target="_blank"><i class="icon-linkedin"></i></a></li><?php } ?>

Hope this helps !
 

tcarman
replied 5 years ago

Hi Dominic,You rock!I tweaked the margins a little based on the code you provided and now have the columns widths as I would like.I have installed the plugin but still do not get anything when I click submit. I think I need to look into the config of the plugin and also my host provider. Maybe I’ve missed something in the setup.With regards to the home button, I created a custom menu in the main sidebar but what I was looking for was a home icon in the left sidebar where the social links are. It’s no big deal really but thought I would ask.All the social links now open in new tabs too.Thank you so much for you help. It is greatly appreciated.Cheers,Tim.

Dominic Staff
replied 5 years ago

– To add the image as our demo on the left sidebar, you can log in to Dashboard > Customize > Site Title & Tagline:See the screenshot: http://www.designwall.com/guide/dw-minion/

tcarman
answered 5 years ago

Hi Dominic,
I managed to get my contact form to work however I noticed the font & style of the message body (textarea) is different to the name and subject fields. This is also the case in the live demo. Is it possible to fix this?
Thanks for your help. That’s it for me with the questions I think 🙂

Dominic Staff
replied 5 years ago

You can send me your site & a screenshot, we will check and help you resolve it.

tcarman
replied 5 years ago

Hi Dominic,The live demo form has the same problem. See here http://snag.gy/1FPpz.jpgThanks.

DominicStaff
answered 5 years ago

Hi,
By default, browsers render most form elements (textareas, text boxes, buttons, etc) using OS controls or browser controls. So most of the font properties are taken from the theme the OS is currently using. You’ll have to target the form elements themselves if you want to change their font/text styles – should be easy enough by selecting them though, as you’ve just done.

Certain controls are not defaulted to inherit font settings. You can override this by place this in your CSS:

textarea {
   font-family: inherit;
   font-size: inherit;
}

Hope this helps !

tcarman
replied 5 years ago

Brilliant!! Thank you, that works.

Powered by DW Question & Answer Pro