Please would someone help me? I Need help in v5.6.3 to modify theme
Permalink
HI,
I need help. My webpage ishttp://wanderz.us. I have installed the Amiant menu which goes to 2 lines with the things I have put in there.
I am using Soul Mate Theme which I want to modify the top blue bar to make it deeper in height so that the writing on my menu shows up as well on the secondary line as it does on the first line.
I have followed the directions on concrete 5 about the packaged theme, making a copy into the root theme folder and changing the name to Soul Mate Custom Theme.
Now I am stumped. I know a little html, but not much. I do not know css, so I cannot figure out where in this mass of code that I can find the right place to change the numbers to make that blue bar's height go down the page so it is under the whole menu I have installed.
And I need some help in making the Amiant menu let me click the secondary menus before they disappear on me.
Would someone PLEASE help me? I know you are all busy, but I sure would appreciate some help. Thank you so much.
Hugs,
Wanda
I need help. My webpage ishttp://wanderz.us. I have installed the Amiant menu which goes to 2 lines with the things I have put in there.
I am using Soul Mate Theme which I want to modify the top blue bar to make it deeper in height so that the writing on my menu shows up as well on the secondary line as it does on the first line.
I have followed the directions on concrete 5 about the packaged theme, making a copy into the root theme folder and changing the name to Soul Mate Custom Theme.
Now I am stumped. I know a little html, but not much. I do not know css, so I cannot figure out where in this mass of code that I can find the right place to change the numbers to make that blue bar's height go down the page so it is under the whole menu I have installed.
And I need some help in making the Amiant menu let me click the secondary menus before they disappear on me.
Would someone PLEASE help me? I know you are all busy, but I sure would appreciate some help. Thank you so much.
Hugs,
Wanda
body{margin:0px; font:11px/13px Arial, Helvetica, sans-serif; color:#010000; background:#e7eef6 url(images/body_bg.gif) repeat-x 0 0} img{border:none} .clear{clear:both} #layout{width:950px; margin:0 auto;} /* Start Header Content */ #header{float:left; width:950px} #logo{float:left} .logo_box{float:left; width:auto; font:48px "Gill Sans MT", Arial, Helvetica; color:#fffff; padding:27px 0 0 33px; margin:0} .logo_box a{font:48px "Gill Sans MT", Arial, Helvatica; Color:#ffffff; text-decoration:none} .logo_box a:hover{font:48px "Gill Sans MT", Arial, Helvatica; Color:#FFFFFF; text-decoration:underline} .search_container{float:right; width:299px; padding:17px 30px 0 10px; } .search_container .search_box{float:left; padding:15px 20px 0 16px; width:280px; height:60px; background:url(images/member_login_1.gif) no-repeat 0 0} .search_container .search_box .column_1{float:left; width:70px; padding:26px 0 0 11px; margin:0} /* End Header Content */ #body_container{float:left; width:884px; margin:0; padding:17px 33px 0 33px}
Viewing 15 lines of 112 lines. View entire code block.
i've altered the image (see attached file) .
Place it in the themes/ soulmate/images directory , upload it to your server , and around line 21 change the code:
to
Place it in the themes/ soulmate/images directory , upload it to your server , and around line 21 change the code:
background:url(images/menu_bg.gif) no-repeat 0 0;
background:url(images/menu_bg2.gif) no-repeat 0 0;
Oh Thank you so much, Jozzeh, Cannonf700 and AndyJ!
That worked BEAUTIFULLY! That is AFTER I mangled it a few times. I has saved the file Jozzeh sent as a jpg and it wouldn’t take the jpg. The background turned white! Arrghh! Dingbat me! So I finally figured out that all the other image files were gif and changed it to gif and the program took it. I didn’t realize that it would only take gifs as an image file. Does it take png files? If not then I am gonna have to change my ABTR supporter button to a gif as well. CSS is a lot different than HTML of which I just know a few basics.
You gentlemen are wonderful! That wasn’t in the tutorials that I watched. Smile
Now off to work on the pages some more and watch more tutorials. I am gonna figure out how to put a link to a image so I can click the image and be transported to the webpage I am linking to and see about putting a photo gallery or something in so I can share pix other than one image at a time in the sidebar. I will have to remember to change all my jpgs to gifs. Oh what fun! LOL. I am sure there is a tutorial in there that will show me how. Smile If not, you may hear me crying for help again. Smile
Thank you, Thank you, Thank you!
Hugs,
Wander
That worked BEAUTIFULLY! That is AFTER I mangled it a few times. I has saved the file Jozzeh sent as a jpg and it wouldn’t take the jpg. The background turned white! Arrghh! Dingbat me! So I finally figured out that all the other image files were gif and changed it to gif and the program took it. I didn’t realize that it would only take gifs as an image file. Does it take png files? If not then I am gonna have to change my ABTR supporter button to a gif as well. CSS is a lot different than HTML of which I just know a few basics.
You gentlemen are wonderful! That wasn’t in the tutorials that I watched. Smile
Now off to work on the pages some more and watch more tutorials. I am gonna figure out how to put a link to a image so I can click the image and be transported to the webpage I am linking to and see about putting a photo gallery or something in so I can share pix other than one image at a time in the sidebar. I will have to remember to change all my jpgs to gifs. Oh what fun! LOL. I am sure there is a tutorial in there that will show me how. Smile If not, you may hear me crying for help again. Smile
Thank you, Thank you, Thank you!
Hugs,
Wander
Hi Wander!
Fun isn't it? Other than your background gif (theme specific) you should have no problem using either jpg or png files in a C5 site. One of my screen-casts covers the basics of using links in Concrete5 http://blog.arvixe.com/creating-and-using-hyperlinks-in-concrete5/...
Just replace the text in the example with an image and the linking process is identical.
Adrian
Arvixe Web Hosting / Concrete5 Community Liaison |
http://www.arvixe.com/concrete5_hosting...................
Fun isn't it? Other than your background gif (theme specific) you should have no problem using either jpg or png files in a C5 site. One of my screen-casts covers the basics of using links in Concrete5 http://blog.arvixe.com/creating-and-using-hyperlinks-in-concrete5/...
Just replace the text in the example with an image and the linking process is identical.
Adrian
Arvixe Web Hosting / Concrete5 Community Liaison |
http://www.arvixe.com/concrete5_hosting...................
HI Adrian!
That is EXACTLY what I needed for the Link thing. I love the tutorial. The voice was clear, not hurried, voice followed along with the pointer and what it was doing instead of the pointer and video rushing along before the voice's explanation was finished. I understood every word you said as you aimed it at someone who is NOT a computer programmer. Very good tutorial. Thank you for sharing it with me.
Now I gotta figure out how in my menu to make the secondary popup menu not disappear when my mouse goes to click it. It is driving me NUTS! I know my webpage guests will get just as frustrated with it.
Thanks again for sharing with me. I am gonna go and see what other tutorials you have that will help me. :)
Hugs,
Wander
That is EXACTLY what I needed for the Link thing. I love the tutorial. The voice was clear, not hurried, voice followed along with the pointer and what it was doing instead of the pointer and video rushing along before the voice's explanation was finished. I understood every word you said as you aimed it at someone who is NOT a computer programmer. Very good tutorial. Thank you for sharing it with me.
Now I gotta figure out how in my menu to make the secondary popup menu not disappear when my mouse goes to click it. It is driving me NUTS! I know my webpage guests will get just as frustrated with it.
Thanks again for sharing with me. I am gonna go and see what other tutorials you have that will help me. :)
Hugs,
Wander
the bit you need to look at it your css is:
#menu {
float: left;
width: 884px;
height: 74px;
text-align: center;
margin: 0;
background: url(/themes/soul_mate_custom/images/menu_bg.gif) no-repeat 0 0;
padding: 0 0 8px 0;
}
specifically the background image you have there - - your menu_bg.gif doesn't cover the whole of the menu as it is only so high and the menu now has a different height with the new line items.
If you play around with it (keep a copy of your original image) but resize it to 74 pixels in height that will likely do it.