Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest
  • Page:
  • 1
  • 2

TOPIC: Change colour of Frame and other areas

Change colour of Frame and other areas 11 years, 10 months ago #3825

Hello!

I need to change the colour of the frame, the medium transparent area and the bottom line to grey.

And then the letters "Pause, 1, 2, 3 etc." need to be black to see it on the grey colour. And where can I change the blue while mouseover / active picture?

Where can I do that? CCS File?

Thanks in advance!

Re: Change colour of Frame and other areas 11 years, 10 months ago #3833

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Hi Andreas Matthiessen,

You can edit the style.css and theme2.php files in "your_site/templates/sj_news25/html/mod_sj_content_slideshow"

Thanks
Ticket System | Join our Clubs to download our extensions and templates

Re: Change colour of Frame and other areas 11 years, 10 months ago #3839

Thanks, I managed to change the Text colour and the background below...

The black Frame seem to be images? I searched and found : /modules/mod_sj_content_slideshow/assets/images/theme2

Theme 2 is active...but changing the border images from black to grey does not have an effect...

And changing colour in css fpr the half transparent area also not...

Would need a little more help...

Re: Change colour of Frame and other areas 11 years, 10 months ago #3852

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Hi Andreas Matthiessen,

You need also to edit the style.css file in "your_site/templates/sj_news25/html/mod_sj_content_slideshow" and template.css file in "your_site/templates/sj_news25/css"

Thanks
Ticket System | Join our Clubs to download our extensions and templates

Re: Change colour of Frame and other areas 11 years, 10 months ago #3859

Hello!

OK, I tried it, but the file are huge...I donß´t know where exactly to change the colour of the frame and the half transparent text-area..

I tried to find it with firebug, but also not succesful...

I need more detailed information, where to change this colour...

Thank you!!!

Re: Change colour of Frame and other areas 11 years, 10 months ago #3864

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Hi Andreas Matthiessen,

* change the color of frame: open the template.css file in "your_site/templates/sj_news17(sj_news25)/css", finding:

#slide_show .ytc-content-slideshow {
    background: none repeat scroll 0 0 #000000;
    overflow: hidden;
    padding: 3px 3px 1px;
}



change to

#slide_show .ytc-content-slideshow {
    
    background: your_color;
    overflow: hidden;
    padding: 3px 3px 1px;
}



Hi Andreas Matthiessen,

* change the medium transparent area and the bottom line to grey and color of number buttons: open the style.css file in "your_site/templates/sj_news17(sj_news25)/html/mod_sj_content_slideshow", finding:

.ytc-content-slideshow .content-box {
    background: url("../../images/bg-cs-box.png") repeat scroll left center transparent;
    bottom: 23px;
    height: 46px;
    left: 3px;
    opacity: 1;
    width: 673px;
    z-index: 9;
}



change to

.ytc-content-slideshow .content-box {
    background: your_background;
    bottom: 23px;
    height: 46px;
    left: 3px;
    opacity: 1;
    width: 673px;
    z-index: 9;
}



------


.ytc-content-slideshow .theme2 {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    height: 23px;
    opacity: 1;
    position: absolute;
    right: 0;
    width: 673px;
    z-index: 9;
}



change to

.ytc-content-slideshow .theme2 {
    background: your_color;
    bottom: 0;
    height: 23px;
    opacity: 1;
    position: absolute;
    right: 0;
    width: 673px;
    z-index: 9;
}



----

.ytc-content-slideshow .theme2 div.preview, .ytc-content-slideshow .theme2 div.pause, .ytc-content-slideshow .theme2 div.play {
    color: #BCBCBC;
    cursor: pointer;
    font-size: 10px;
    font-weight: normal;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
}



change to

.ytc-content-slideshow .theme2 div.preview, .ytc-content-slideshow .theme2 div.pause, .ytc-content-slideshow .theme2 div.play {
    color: your_color;
    cursor: pointer;
    font-size: 10px;
    font-weight: normal;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
}



--------

.ytc-content-slideshow .theme2 ul li.button_img_selected, .ytc-content-slideshow .theme2 ul li:hover {
    background: none repeat scroll 0 0 #00487B;
    color: #FFFFFF;
    float: left;
    height: auto;
    margin: 0 1px;
    padding: 0 5px;
    text-align: center;
    width: auto;
}



change to

.ytc-content-slideshow .theme2 ul li.button_img_selected, .ytc-content-slideshow .theme2 ul li:hover {
    background: none repeat scroll 0 0 #00487B;
    color: your_color;
    float: left;
    height: auto;
    margin: 0 1px;
    padding: 0 5px;
    text-align: center;
    width: auto;
}



If you want to change other things, you can edit these files.

Thanks
Ticket System | Join our Clubs to download our extensions and templates
The following user(s) said Thank You: Ende
  • Page:
  • 1
  • 2
Time to create page: 0.23 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes