Customizing « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Newscast

Customizing

14 posts from 2 voices

Started 2 years ago by cogumelo
Latest reply from Dude
This topic is not a support question

Tags:

cogumelo
Member

Hi!
I'm adjusting the Newscast theme using firebug and firefile because I'm not a professional programer, but I know the basics os html and css... so I need some help, and I'll be glad if you guys could help me.

So there is some questions I have:

1- I wanna to use just the second menu, what should I do? (actually I just creat a first menu and I leaved it in blank and after that I just adjust the ".nav_wrapper" padding-top to 77px besides the original 125px, Is that right? Have other way to do that? Everything looks nice...

2- Is possible to leave just 6 options in the second menu? When I leave 6 options the menu it is still showing 7 boxes, I want to divide the second menu in just 6 boxes. Actualy I change the ".catnav li a" width to 137....after that I chaged the ".catnav_wrapper" border-right to ZERO, and the ".catnav" border-right to ZERO....
It works, BUT the menu looks like the menu is fews pixels untidy with the accordion menu..... Do you know a better way to leave just 6 boxes in the second menu?

3-Is possible to use the menu accordion in other pages, with other options? I would like to use 3 accordions, one in the main page and other 2 in other pages.

4-I would like to add images in the header area, these images should have a link to my other languages website, these imagens will be flags os some contries, and I would like to puts this images between the seach field and the second menu....How could I insert this images/link in the header?

5- after I did these modifications I noticed that the style of style.css (line 1)
.rounded { -moz-border-radius:5px 5px 5px 5px; } IS NOT WORKING in the Safari Browser, in the Firefox works fine, but in Safari I can't see the rounded corners of the search box.

6- After these modifications I can't see the #headextrasin IE8 (seach and email, rss and tweeter icons), in the firefox and safari I can see it.....I think the modifications that cause this problem are involved in the catnav_wrapper and catnav....

That is all for now!!!

I'll be really appreciated if you guys could help me.

Thanks very much!

Marco - CoGuMeLo

Posted 2 years ago #

Dude
Dude

Hey,
1) Open up header.php and search for following code:

wp_nav_menu( array( 'menu' => 'First', 'menu_class' => 'nav', 'echo' => true,
	'fallback_cb' => '', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '',
	'depth' => 0, 'context' => 'frontend'));

Replace it with:

wp_nav_menu( array( 'menu' => 'First', 'menu_class' => 'nav', 'echo' => false,
	'fallback_cb' => '', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '',
	'depth' => 0, 'context' => 'frontend'));

2) Can you post a link to your website please - it helps me to give you exact instructions.

3) Not without some advanced customization.

4) Replace following code in header.php:

<div id="head">
		<!-- ###################################################################### -->

with:

<div id="head">
		<!-- ###################################################################### -->

                <div class="flags">
                <a href="link-to-my-other-website.com"><img src="my-flag" alt="language" /></a>
                <a href="link-to-my-other-website.com"><img src="my-flag" alt="language" /></a>
                 </div>

Then add following code to style.css:

.flags{
position: absolute;
top: 40px;
right: 0px;
z-index:20;
}

Adjust the top and right value as you like (you can position the flags anywhere you like - just play around with the pixel values).

5) Do not only use -moz-border-radius but also border-radius - for more information please refer to this page: http://www.css3.info/preview/rounded-border/

6) Like 2) - I need a link to investigate the problem...

Posted 2 years ago #

cogumelo
Member

Thank you very much Dude! I'm appreciated!

So, my website is hosted at http://www.extraveiculos.com/zanqueta/Hanna/
There you can give a look and help me with itens 2 and 6 of my previous topic....

I've made some changes that you said, about item 4, but in Firefox I'm seen a gray border in the flags images, and in the Safari I don't see it, as I show in the follows screenshots, and I also have others questions in these screenshots, please give a look:
http://www.zanq.tv/Projetos_graficos/Screenshots/firefox_shot.jpg
http://www.zanq.tv/Projetos_graficos/Screenshots/shot01_safari.jpg

Today I also did found other error or bug in the menus options in wp-admin, I was trying to add some categories and posts to be showed as a drop down menu of the main menu, and when I save it I lost some options of my menu, and after that every time I try to put more options in the menu it doesn't save it. I had to delete the drop downs and recreate the menu... I was using 10 drop downs in one option of the menu, and more 5 drop downs in the other menu option....
Do you thing that have some limitation of the number of itens in the menus options of wordpress?
My problem is, I have to put something around 60 options in the menu, being 3 "generations" of drop down (drop down inside drop down)... for example...
a Main Menu Option (Pages) > drop down with 7 options (categories) > each option have your own drop down with more 4 or 5 options (posts) ...that's it, no more drop downs.

Thank you very much Dude...

Posted 2 years ago #
Dude
Dude
Hey,
to remove the borders around the flags add following css code to style.css:
```
.flags a img, .flags a:hover img, .flags img{
border: none;
}
```
Re: menu problem - try to replace following code from custom.js:
```
// remove the last border from category menu item if there are 7 items, that border is not needed
	if(jQuery(".catnav>li").length >= 7)
	{
		jQuery(".catnav>li:last").addClass('noborder');
	}
```
with:
```
// remove the last border from category menu item if there are 6 items, that border is not needed
	if(jQuery(".catnav>li").length >= 6)
	{
		jQuery(".catnav>li:last").addClass('noborder');
	}
```
6) I think it's indeed related to coding errors - IE is a pain when it comes to small syntax errors. W3C: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.extraveiculos.com%2Fzanqueta%2FHanna%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 shows me some error. Please try to fix them (i.e. id already used errors,etc).

However the search bar and the icons display fine for me here (IE8 and IE7),
Posted 2 years ago #
cogumelo
Member

Dude!
Thanks for your Help....

I was looking at http://validator.w3.org/ and I saw that 90% of the errors were about widgets...
I'm trying to make some adjustments in the theme using with firebug and firefile, but I'm feeling that is not the correct way, so if you could me help will be great.

1 - I would like to link the ACCORDION Buttons to PAGES instead categories.
2 - I would like to remove the "About the author" of all posts, categories and etc.
3 - I would like to remove all socials icons from Post, categories, pages e etc...(#social_icons ul)
4 - I would like to remove "Comments are closed."
5 - I don't want to show the Feature image when the post is opened. The same for pages. I want so see then just when the post is compact (read more).
6 - I would like to remove the line "Archive for Category" when opened the category.
7 - I would like to translate some text of the theme like "Search Results". "Nothing Found". "Sorry, no posts matched your criteria"... Do you think is better I make this translation by myself or just using with a plugin for wordpress?
8 - I would like to leave the footer widgets elements with different sizes, for example, the Footer-Left with X px, Footer-Center with Y px and Foot-Right with Z px...
9-Could you see the rounded corners of the search boxes and thumbnails in your IE and Safari?
My safari is still showing it square....in my Firefox its works fine, with rounded corners......

Thanks Again!

Posted 2 years ago #

Dude
Dude

Hey,
1) Have a look at this post: http://www.kriesi.at/support/topic/how-to-add-pages-into-the-slider#post-4723

2) Search for following code in single.php and delete it:

<div class='entry' id="author-box">
			    <div class="gravatar">
					<?php
						$author_email = get_the_author_email();
				        echo get_avatar( $author_email, $size = '60');
					 	the_author_posts_link();
					?>
				</div>
		    	<div class="author-info">
		        <h3><?php _e('About the author','newscast'); ?></h3>
		        <?php
		        $description = get_the_author_description();
		        if($description  != '')
		        {
		        	echo $description;
		        }
		        else
		        {
		        	_e('The author didnt add any Information to his profile yet','newscast');
		        }

		        ?>
		    	</div>
		    </div>

3) Search for following code in header.php and delete it:

<ul class="social_bookmarks">
					<?php if(isset($k_option['general']['contact_link']) && $k_option['general']['contact_link'] != '')
						{
							$contact_link = get_page_link($k_option['general']['contact_link']);
					  		echo "<li class='email'><a class='ie6fix' href='".$contact_link."'>E-mail</a></li>	";
						}
					?>
					<li class='rss'><a class='ie6fix' href="<?php bloginfo('rss2_url'); ?>">RSS</a></li>

					<?php if(isset($k_option['general']['acc_tw']) && $k_option['general']['acc_tw'] != '')
						  echo "<li class='twitter'><a class='ie6fix' href='http://twitter.com/".$k_option['general']['acc_tw']."'>Twitter</a></li>";
					?>

					<!-- there is room for 3 icons, below are predefined classes for others if you want to use them instead -->
					<!--
					<li class='flickr'><a class='ie6fix' href="#">flickr</a></li>
					<li class='facebook'><a class='ie6fix' href="#">Facebook</a></li>
					-->

				</ul><!-- end social_bookmarks-->

4) Search for following code in single.php:

<?php comments_template(); ?>

and replace it with

<?php if ( comments_open() ) : ?>
 <?php comments_template(); ?>
<?php endif; ?>

5) Delete following code in single.php + page.php:

<?php
						if($preview_image)
						{
						echo '<div class="entry-previewimage rounded preloading_background">';
						echo $preview_image;
						echo '</div>';
						} 

						?>

6) In archive.hp you can adjust the headline text as you like (or just delete the h2 headline after <div id="content">.

7) You can use the po file from here: http://www.kriesi.at/support/topic/spanish-language-support to translate the theme.

8) Please elaborate here - I don't know if I understood you right.

9) I can see rounded corners :)

Posted 2 years ago #

cogumelo
Member

Hi Dude!
Thanks again...
You helped me a lot!

but I have new questions...

1- I want to show just 1 post at HOME, the most recent post... keeping everting else like accordion menu, sidebar, header and footer.

2- Leaving just one post at Home page I want to take off the "Pages Counter" or "Pages Links" I don't know how it's called, I'm showing the modifications in the jpg here:
http://www.zanq.tv/Projetos_graficos/Screenshots/home_unique_post.jpg

3- That is the same question from the previous topic, number 8....
I want to give differents values for the width of the widgets from the footer. I'm tring to show in the image from the link.

Now I'm using another server for testing:
http://www.hanna.net.br/sitenovo/

Thank you very much guys!

Marco - Cogumelo

Posted 2 years ago #

Dude
Dude

3) Open up index.php and delete:

kriesi_pagination($additional_loop->max_num_pages);

1) -removed

3) Add following code to style.css (at the very bottom):

.column1{
width: 150px !important;
}

.column2{
width: 130px !important;
}

.column3{
width: 175px !important;
}

Adjust the width as you like.

Posted 2 years ago #

cogumelo
Member

Dude!

The solution number 1 doesn't work properly, I don't have this exactly code in my index.php...

I have something similar, and I changed it, but it's show me the oldest post instead of the newest post...

...and it's showing a post in its compact form, I want to show this post in its "opened" form, the form we see it after click in the "read more" buttom, do you know what I mean?

After a click in the button read more, we can see the post "opened" right?

so I want to see just the newest post in the home page, and it should be "opened" without the buttom read more.
How can I do that?

Thanks again!

Posted 2 years ago #
Dude
Dude

Have a look at this thread: http://www.kriesi.at/support/topic/static-home-page - I posted correct instructions there. Instead of "page_id" use "post_id".

Posted 2 years ago #
cogumelo
Member

Hi Dude!

...Everything was great, but....

I started to moving my site around, doing a backup restoration in another wordpress instalation, and actually I have 2 versions of it on air...
After copied all the backup files to the new server, and export and import all the data (xml) via wordpress to other database, I've noticed that the thumbnails are deformed in the newest version...

please look the diference:

Dirtoced:
http://www.hannatools.net/?cat=9
Original:
http://www.hanna.net.br/sitenovo/?cat=9

Looking via firebug I notice that the correct thumbnail is linking to a small version of the uploaded image, file name "image_01-180x180.jpg" and the dirtoced version is linking to "image_01.jpg".....
I think the imagem 180x180 is created when we upload the image. I have all the images "180x180" in the folder "upload" but it aren't showing.

I'm scared with the situation of that I have to upload all my images AGAIN because I have a LOT of images in my upload folder....

Do you have any solution for that?

I'm glad with the theme and the support offered!

Just this last issue is bothering me...

Thanks again!

Marco

Posted 1 year ago #
Dude
Dude

Try to regenerate your thumbnails by using this plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/

Posted 1 year ago #
cogumelo
Member

Cheers Dude!!! Worked fine!!!

I have one more question... I'm trying to link the "twitter logo" of the header to my twitter account in a NEW WINDOW, actually it's working fine, but it's opening in the same window of my browser.... I would like to add the syntax "target="_blank"" in the header.php, but it's not working.....

I think I'm having problems with the php syntax....

I'm triyng to add the targe command at:

echo "<li class='twitter'>Twitter";

Could you help me?

Thank you very much!

Posted 1 year ago #
Dude
Dude

Have a look at this tutorial: http://www.kriesi.at/support/topic/i-want-that-external-links-links-to-other-websites-open-in-a-new-windowtab

Posted 1 year ago #