Adjusting menu, background, fonts and news widget questions « Support Forum | Kriesi.at

Support Forum » Broadscope

Adjusting menu, background, fonts and news widget questions

3 posts from 3 voices

Started 2 years ago by soulnecta
Latest reply from nugent44
This topic is not resolved

Tags:

soulnecta
Member

Sorry if these questions have been answered already. I have a few questions about adjusting Broadscope:

Custom background image on a stretched layout?
How can I set a custom background image for the entire site on a stretched layout where the background scrolls with the content, ie. when scrolling down the page, the background moves up and is not fixed.
Like this site, but where the background is not fixed: http://schoenmann.at/

How can I apply a box around a right aligned image with text description underneath?
I tried using the info box but that seems to only go full width across the entire column. So I need a box I can put content in and align left or right with a fixed width.

How can I apply cufon font to the main menu links?

How can I change the colour of the main menu link, rollover and active boxes?

How can I take out or replace the bullet point arrows in the main menu?

How do I switch off display image thumbnail in the latest news widget?

Can I change the cufon special font to a standard google web font so it is selectable?
Like the special font on this site: http://schoenmann.at/

How do I take out the comments circle graphic on the blog post?
Does it require replacing the graphic and uploading an altered one?

Thanks for your help,

Dan

Posted 2 years ago #

Dude
Dude

Hey,
1) You need to replace the white background areas with (semi)transparent images or you need to remove the background colors/images. Mainly it's

#main{
background: url(../images/transparent.png) repeat;
}

.header_bg{
background: url(../images/transparent.png) repeat;
}

#footer{
background: url(../images/transparent.png) repeat;
}

- you can use firebug to determine all colored areas.

2) Can you post a link to a sample page please.

3) Open up includes/register-styles.php and replace:

array(
		'elements'	=> '.cufon_headings',
		'key'	=>	'cufon',
		'value'		=> avia_get_option('avia, font_heading')
		),

with:

array(
		'elements'	=> '.cufon_headings,.avia_mega li a',
		'key'	=>	'cufon',
		'value'		=> avia_get_option('avia, font_heading')
		),

4) Add followingh css code to custom.css:

.avia_mega a{
color: #fff;
}

.avia_mega a:hover{
color: #333;
}

#top .avia_mega > .current-menu-item > a, #top .avia_mega > li:hover > a{
color: #333;
}

Adjust the color as you like.

5) It's a big image which is controlled with following code:

#top .avia_mega ul ul li, #top .avia_mega > li > ul li {
    background-image: url("../images/skin1/menu_arrow.png");
}

Change the image path, replace the image or exclude it by changing the property to "none".

6) Add following to custom.css:

.news-thumb{
display: none;
}

7) Yes - open up includes/register-styles.php and delete:

array(
		'elements'	=> '.cufon_headings',
		'key'	=>	'cufon',
		'value'		=> avia_get_option('avia, font_heading')
		),

Then include the google font css code in custom.css and apply it to the elements you want to use the font with.

8) If you want to remove the image add following code to custom.css:

.post-date-comment-container {
    background: none transparent;
}

Posted 2 years ago #

nugent44
Member

I am still having trouble changing the color of the navigation bar. I would like to make the navigation bar background brown, the text an off-white, and the box hover color a subtle teal. I tried the code in number 4 above, but it didn't work. I'm sure I must be doing something wrong, I appreciate your help and any more advice you can give.

Posted 2 years ago #