Vatuma Support Wordpress themes support

About This Topic

• Posted 5 months ago
• By crama
• Latest reply from Ivan
• This topic is not a support question
• RSS feed for this topic

Tags

• before
• clear
• empty
• header
• line
• space
• theme

1. 

   crama
   Member
   Posted 5 months ago
   #

   First of all, thank you Ivan for the beautiful theme you have designed and shared! After Blogger and Google Sites experience, it is quite easy for me to start doing things without wasting much of my time, even without having any practical experience in coding. The theme is very flexible, and so far I was able to accomplish all tasks I wanted to do with it, without filling myself constrained by limitations, so at last, I have stopped to look elsewhere (I tried nearly 40 themes).
   As the expression of my gratitude, I want to share here some practical solutions, which might be helpful to others users of this theme and spare their time.

   Task: adding some empty space above header. I have used the the colored background on my site (sorry for 'no url' it is not ready yet), and I found that the page would look much better if some empty space of the same color would be added above header and below footer. The desirable colored space below footer has appeared by itself, after I have pasted directly the code of stat counter to it, without using the text plugin. However I have to figure out how to add the same space above the header. I checked up Google and there were some solutions, which suggested to add code "margin-top:2em;" to the template, but because your theme is custom made, I could not figure out where to add it and there was no any information on this forum. After few attempts over FTP (luckily I back up modified files first), my site became corrupted few times, but no desired effect was attained. My experience in coding is ziro, so I have to look for some easy solution. I tried with Google 'inspect element', but it was too complicated for me. At last I have found the solution: I pasted the site address in the HTML editor KompoZer, so that I could see the modifications I have made in the real time in 'preview' mode. (I suggest this as the method to figure things out without wreaking own site)? Rest was to experimenting with the different placement of codes, till I found the appearance I desired. The solution was very simple : I have modified the file inline.css.php in such manner:
   from
   /* LAYOUT */
   #container {
   margin: 0 auto;
   width: 950px;
   min-width:600px;
   to:
   /* LAYOUT */
   #container {
   margin: 0 auto;
   margin-top:40px;
   width: 950px;
   min-width:600px;

   I don't know is it correct way or not, but this worked for me perfectly, without affecting negatively the appearance of the site.
2. 

   Ivan
   Key Master
   Posted 5 months ago
   #

   crama, thank you for sharing the solution.
   I think you could use Header Title Top Padding Option for that.
   However, the option does not work in the current version :( The new version is already sent to wordpress.org and will be available soon.