ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down.
Read our Farewell Blog Post for more details.
I'd love to see RokStyle for 1.7...
-
-
- RedRiverBlack
- Elite Rocketeer
- Posts: 1034
- Thanks: 15
-
Yes, just make sure you assign the module only to the page(s) you want changed.
-
-
-
- xtianus
- Elite Rocketeer
- Posts: 500
- Thanks: 0
-
RedRum wrote:
Yes, just make sure you assign the module only to the page(s) you want changed.
You are officially the coolest person of the day!@!...
It works I am happy to say along with rokpad being so awesome.
However, my css edit sucks because it pushes everything up and I only want to move up the menu and or everything form the menu down in unison. take a look to see the error.
sobecouture.com << home page.
here is the code I used to adjust
<style type="text/css"> .rt-block {margin: 0px 0;padding: 10px; !important;} </style>
-
-
-
- RedRiverBlack
- Elite Rocketeer
- Posts: 1034
- Thanks: 15
-
Hmmm, if you want to move the menu and everything underneath up i would usually put a negative margin under #rt-top moving everything under the logo up the page. Or, you could add a negative margin above your menu. I am not excellent with css but you could try something like:
#rt-top {margin-bottom: -20px !important;}
if that doesnt work you may need to add the block:
#rt-top .rt-block {margin-bottom: -20px !important;}
-
-
-
- xtianus
- Elite Rocketeer
- Posts: 500
- Thanks: 0
-
RedRum wrote:
Hmmm, if you want to move the menu and everything underneath up i would usually put a negative margin under #rt-top moving everything under the logo up the page. Or, you could add a negative margin above your menu. I am not excellent with css but you could try something like:
#rt-top {margin-bottom: -20px !important;}
if that doesnt work you may need to add the block:
#rt-top .rt-block {margin-bottom: -20px !important;}
hey red... I am trying to find #rt-top. is that in template.css or the style.css of what style I am using?
-
-
-
- RedRiverBlack
- Elite Rocketeer
- Posts: 1034
- Thanks: 15
-
In template.css you need to be looking at this area:
/* Logo */ #rt-logo {display: block;width: 350px;height: 97px;margin: 0;position: relative;z-index: 1000;} .logo-block {margin: 0 0 10px -10px;padding: 15px 0 0 0;} .centered #rt-logo {margin: 0 auto;} /* Top Menu */ #rt-navigation {padding: 10px 10px 0 10px;} .rt-menubar {display: inline-block;position: relative;height: 35px;} #rt-navigation .menu-block {margin: 0;padding: 5px;border-radius: 5px;} [b]#rt-top[/b] .horizmenu ul.menu {text-align: right;margin-right: -20px;} [b]#rt-top[/b] .horizmenu ul.menu li {margin-right: 0;margin-left: 18px;} /* Header */ #rt-header-surround {position: relative;}
The page looks ok for me apart from the shopping cart which is too high. Might be easier just lowering it a little?
-
-
-
- xtianus
- Elite Rocketeer
- Posts: 500
- Thanks: 0
-
First off... I want to tell you that you ROCK. Seriously thank you. Do you have a paypal for donation. No BS I want to put a few bucks in it right now. I super appreciate your help.
This is the code I used.
<style type="text/css"> #rt-top .rt-block {margin-bottom: -15px !important;} .rt-menubar {display: inline-block;position: relative;height: 20px; !important} </style>
I think it looks great... what do you think?
One thing, I notice that in Chrome and FF it looks exactly how I want it. Why is IE showing a little different. Do I need to do something for IE to understand me?
Again, super appreciate it you solved so many things with that tip.
-
-
-
- RedRiverBlack
- Elite Rocketeer
- Posts: 1034
- Thanks: 15
-
LOL! Never had a donation before! I'll pm yer my paypal email address.
IE: Blasphemy!! You need to use the "If IE" code. I have it somewhere, gimmie a min.
-
-
-
- RedRiverBlack
- Elite Rocketeer
- Posts: 1034
- Thanks: 15
-
This is the IE specific command:
<!--[if IE]> <style type="text/css"> /* PUT IE SPECIFIC CSS CODE HERE */ </style> <![endif]-->
For me it looks fine in IE9 but in IE8 and IE7 there is no blue background to the shopping cart. But this seems to be on all the pages so to fix it you can add some code to the main IE8/IE7 style sheets in your css folder.
- Last Edit: 13 years 10 months ago by RedRiverBlack.
-
-
-
- xtianus
- Elite Rocketeer
- Posts: 500
- Thanks: 0
-
RedRum wrote:
This is the IE specific command:
<!--[if IE]> <style type="text/css"> PUT IE SPECIFIC CODE HERE </style> <![endif]-->
For me it looks fine in IE9 but in IE8 and IE7 there is no blue background to the shopping cart. But this seems to be on all the pages so to fix it you can add some code to the main IE8/IE7 style sheets in your css folder.
I don't get what it is I am supposed to put in "PUT IE SPECIFIC CODE HERE". am I supposed to do this for all the code I have altered? Oh no!!@@!!1...
I got your PM I will add it asap.
-
-
-
- RedRiverBlack
- Elite Rocketeer
- Posts: 1034
- Thanks: 15
-
LOL! For example I use this IE specific code and insert into a module into the Invisable Popup position, to hide certain divs that work fine in all the other browsers but not in IE like slideshows etc.
But in your case I think you are better off just adding a background to your shopping cart in the template-ie8.css/template-ie7.css style sheets.
I will browse the template-ie8.css now to see if I can find where to change. I think it will be a case of finding the code in template.css and adding it to template-ie8.css.
-
Time to create page: 0.077 seconds