Post by zunox » Mon Apr 27, 2015 5:24 pm

Hello, does anyone know how to change header background, im using opencart 2.0.1.1 and in stylesheet.css i dont find header

Newbie

Posts

Joined
Sun Mar 22, 2015 4:09 pm

Post by viethemes » Mon Apr 27, 2015 7:56 pm

You can use my own extension Custom CSS and add code below

Code: Select all

#top {
	margin-bottom: 0;
}

header {
	padding-top: 40px;
	background-color: red;
}
Additionaly I have a commercial extension Live Theme Editor. It allows to customize the default theme eaiser. You don't need to know about CSS.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by zunox » Mon Apr 27, 2015 8:41 pm

thanks a lot it is working

Newbie

Posts

Joined
Sun Mar 22, 2015 4:09 pm

Post by viethemes » Tue Apr 28, 2015 3:14 pm

Glad to hear that the problem is solved :)

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by Solan » Sat Aug 15, 2015 12:35 am

SUPER THANKS! This helped me a lot with some other changes ;D

Active Member

Posts

Joined
Sat Feb 19, 2011 7:34 pm

Post by VincentG » Sun Mar 26, 2017 6:23 pm

Thanks a lot it works perfectly!
Sometimes your looking for something that's isn't there :-)

Newbie

Posts

Joined
Sat Jun 27, 2015 7:44 pm

Post by robster » Thu May 11, 2017 9:52 pm

Hi

I tried this today on 2.0.3.1 and it just made the whole background red not just the header. See screenshot. What could I be doing wrong?

Thanks

Robster

Attachments

Screen Shot 2017-05-11 at 14.51.54.png

Screen Shot 2017-05-11 at 14.51.54.png (458.15 KiB) Viewed 1886 times


I know my place...!


User avatar
Active Member

Posts

Joined
Tue Jul 13, 2010 8:08 pm
Location - North Yorkshire, UK

Post by viethemes » Thu May 11, 2017 11:00 pm

robster wrote:
Thu May 11, 2017 9:52 pm
Hi

I tried this today on 2.0.3.1 and it just made the whole background red not just the header. See screenshot. What could I be doing wrong?

Thanks

Robster
Could you provide your site URL so we can take a look at the problem closer?

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by viethemes » Thu May 11, 2017 11:01 pm

robster wrote:
Thu May 11, 2017 9:52 pm
Hi

I tried this today on 2.0.3.1 and it just made the whole background red not just the header. See screenshot. What could I be doing wrong?

Thanks

Robster
Could you please provide your site URL so I can take a look at the problem closer?

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by robster » Thu May 11, 2017 11:58 pm

Hi

I sorted it - all good now thanks.

I have now used a full width image for the header area and it looks great. It doesn't look good on a mobile device though as it is not resized. Can I add code in the custom CSS to either resize on mobile views or just completely remove the image on mobile views?

Thanks

Rob

I know my place...!


User avatar
Active Member

Posts

Joined
Tue Jul 13, 2010 8:08 pm
Location - North Yorkshire, UK

Post by viethemes » Fri May 12, 2017 12:11 am

Glad to hear that the problem is solved!
Maybe you can try using background-size: 100%; for that image.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by robster » Fri May 12, 2017 12:49 am

Would you be so kind as to give exact code. Assuming image is /image/image.jpg

I know my place...!


User avatar
Active Member

Posts

Joined
Tue Jul 13, 2010 8:08 pm
Location - North Yorkshire, UK

Post by viethemes » Fri May 12, 2017 9:51 am

You can try this code

Code: Select all

header {
background-size: 100%;
}

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by robster » Fri May 12, 2017 4:04 pm

Hi

Thanks very much once againbut that doesn't do it. To be honest I would rather the header was hidden in mobile view.

Robster

I know my place...!


User avatar
Active Member

Posts

Joined
Tue Jul 13, 2010 8:08 pm
Location - North Yorkshire, UK

Post by viethemes » Fri May 12, 2017 11:03 pm

Could you provide your site URL so I can take a look at the problem closer?

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by robster » Fri May 12, 2017 11:39 pm

You know what - I am going to go for one of your extensions. Will I be able to make it work using these? Also I need to be able to have the header image a clickable hyperlink - can this be done too?

Rob

I know my place...!


User avatar
Active Member

Posts

Joined
Tue Jul 13, 2010 8:08 pm
Location - North Yorkshire, UK

Post by viethemes » Sat May 13, 2017 10:45 pm

Yes. Visual Theme Editor or Live Theme Editor will help you to do that :) I can make a custom code to make header clickable.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by robster » Mon May 15, 2017 4:31 pm

Order being placed right now :)

I know my place...!


User avatar
Active Member

Posts

Joined
Tue Jul 13, 2010 8:08 pm
Location - North Yorkshire, UK

Post by viethemes » Mon May 15, 2017 10:38 pm

robster wrote:
Mon May 15, 2017 4:31 pm
Order being placed right now :)
Thanks for purchasing our extension! If you have any question please don't hesitate to contact us via email viethemes@gmail.com :)

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm

Who is online

Users browsing this forum: No registered users and 5 guests