fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: Changing the header white background to transparent

Changing the header white background to transparent 2 years 3 months ago #13538

  • ayosam
  • ayosam's Avatar
  • Offline
  • New Member
  • Posts: 8
  • Karma: 0
(Boston Template) Please, I would like to change the header white background and Top header solid color to transparent in order for the slider image to reflect the full screen. And after how to change the main menu Item font to white.
The administrator has disabled public write access.

Changing the header white background to transparent 2 years 3 months ago #13556

  • Arvind
  • Arvind's Avatar
  • Offline
  • Moderator
  • Posts: 157
  • Thank you received: 20
  • Karma: 4
Hello,

Create a custom.css in you template css directory.
Path: templates\jd_boston\css

Then in the custom.css file paste this line of CSS and let us know if it works.
section#sp-top-bar {
        position: absolute;
        margin: 0 auto;
        width: 100%;
        background-color: transparent;
}

header#sp-header {
    position: absolute;
    border-bottom: none;
}

#sp-menu .sp-megamenu-parent li.sp-menu-item > a {
    color: #fff;
}

Note: Though it is not recommended, but you can use !important css property to make your case strong.

Thanks,
Arvind
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Changing the header white background to transparent 2 years 3 months ago #13601

  • ayosam
  • ayosam's Avatar
  • Offline
  • New Member
  • Posts: 8
  • Karma: 0
I want the header transparency to be in percentage degree e.g RGB 50,4,3. So that the menu text will still be sharp on top the slider image. see example below.
The administrator has disabled public write access.

Changing the header white background to transparent 2 years 3 months ago #13602

  • ayosam
  • ayosam's Avatar
  • Offline
  • New Member
  • Posts: 8
  • Karma: 0
I want the header transparency to be in percentage degree e.g RGB 50,4,3. So that the menu text will still be sharp on top the slider image. see example below.
The administrator has disabled public write access.

Changing the header white background to transparent 2 years 3 months ago #13610

  • Arvind
  • Arvind's Avatar
  • Offline
  • Moderator
  • Posts: 157
  • Thank you received: 20
  • Karma: 4
Hello,

To do this you'll be needed to use rgba(0,0,0,0) color code and set the value accordingly.

Thanks,
Arvind
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Changing the header white background to transparent 2 years 3 months ago #13623

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4506
  • Thank you received: 645
  • Karma: 116
First, You have to knowledge about RGBA colors. So please have a look.

www.w3schools.com/css/css3_colors.asp

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Changing the header white background to transparent 1 year 9 months ago #18412

  • ayosam
  • ayosam's Avatar
  • Offline
  • New Member
  • Posts: 8
  • Karma: 0
Please how can I change the JD- Newyork sp-footer & sp-top-bar color from black to orange. I tried to edit from the template.css, but after saving it will revert back to black.



The administrator has disabled public write access.

Changing the header white background to transparent 1 year 9 months ago #18416

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 721
  • Thank you received: 100
  • Karma: 27
Hello,

Please follow the forum rules: www.joomdev.com/forum/announcements/3138-forum-rules

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.457 seconds
Cron Job Starts