TOPIC:

Random background in Cleanlogic 3 4 years 7 months ago #229596

  • Topic Author
  • nem13es
  • Offline
  • Junior Member
  • Junior Member
  • Registered
  • Posts: 26
  • Thanks: 0
Hi, months ago i adquire cleanlogic 3, and i´d like to know how can configure a random background in this template.

other issue is how can i dissable the background in the body of a module.

thks

Please Log in or Create an account to join the conversation.

Random background in Cleanlogic 3 4 years 7 months ago #229606

  • DarkoCujic's Avatar
  • DarkoCujic
  • Offline
  • User is blocked
  • User is blocked
  • Registered
  • Posts: 2154
  • Thanks: 265
Hey,

you're going to have to add some CSS rules, so if you haven't already, create a new file in /templates/cleanlogic3/css called cleanlogic3-custom.css.

To add an image for the background use the following:
body {
  background-image: url("link-to-your-image") !important;
}

The !important part is there so your rules get precedence as there are probably more specific rules that would overwrite yours.

For removing the background, you can use something like:
.rt-block {
  background-color: rgb(0, 0, 0, 0) !important;
}

That will make all the modules transparent. I'm not sure if that's what you wanted as all modules have a background color, so I'm not really sure what you mean with disable the background.

Kind regards,
Darko
Satisfied with our support? PayPal tips
===========
Need to renew Pro Support? Buy Here!
===========
Satisfied? Consider a membership!
===========
Like us on Facebook
===========
Support Crosstec and get ALL EXTENSIONS and professional support for just $5. Here!

Please Log in or Create an account to join the conversation.

Random background in Cleanlogic 3 4 years 7 months ago #229608

  • Topic Author
  • nem13es
  • Offline
  • Junior Member
  • Junior Member
  • Registered
  • Posts: 26
  • Thanks: 0
Thanks for your rapid answer, but i need that the background image changes every time i reload the web, something like you helped me in this post:

crosstec.org/en/forums/49-joomla-templat...er-theme.html#199192

I can´t aply this to cleanlogic 3

Thnks again.

Please Log in or Create an account to join the conversation.

Random background in Cleanlogic 3 4 years 7 months ago #229621

  • DarkoCujic's Avatar
  • DarkoCujic
  • Offline
  • User is blocked
  • User is blocked
  • Registered
  • Posts: 2154
  • Thanks: 265
Hey,

same as in the topic you linked. The following should work.

Add just below the opening <head> tag:
<?php
$bg = array('01.jpg', '02.jpg'); // array of filenames, make sure to change the names
$i = rand(0, count($bg)-1); // generate random number of the array
$selectedBg = "$bg[$i]"; // set variable equal to which random filename was chosen
?>    

<style type="text/css">
body{
background-image: url("templates/cleanlogic3/images/<?php echo $selectedBg; ?>") !important;
}    
</style>

That will add the background and for the other request, you're going to have to link your site so I can see what you're trying to hide.

Kind regards,
Darko
Satisfied with our support? PayPal tips
===========
Need to renew Pro Support? Buy Here!
===========
Satisfied? Consider a membership!
===========
Like us on Facebook
===========
Support Crosstec and get ALL EXTENSIONS and professional support for just $5. Here!

Please Log in or Create an account to join the conversation.

Random background in Cleanlogic 3 4 years 7 months ago #229623

  • Topic Author
  • nem13es
  • Offline
  • Junior Member
  • Junior Member
  • Registered
  • Posts: 26
  • Thanks: 0

DarkoCujic wrote: Hey,

you're going to have to add some CSS rules, so if you haven't already, create a new file in /templates/cleanlogic3/css called cleanlogic3-custom.css.

To add an image for the background use the following:

body {
  background-image: url("link-to-your-image") !important;
}

The !important part is there so your rules get precedence as there are probably more specific rules that would overwrite yours.

For removing the background, you can use something like:
.rt-block {
  background-color: rgb(0, 0, 0, 0) !important;
}

That will make all the modules transparent. I'm not sure if that's what you wanted as all modules have a background color, so I'm not really sure what you mean with disable the background.

Kind regards,
Darko


This work for a static image, i try to use what you say in the other post but i can´t find in style.less the #ct-body{ the tutorial is not exactly the same can you detail it step by step

And in the background body colour i need to eliminate the colour ( that´s solved) and the squares i show you in the attachment, it´s possible eliminate only in the footer and keep colour and squares in the body?

sorry for my english and thanks.
Attachments:

Please Log in or Create an account to join the conversation.

Random background in Cleanlogic 3 4 years 7 months ago #229636

  • DarkoCujic's Avatar
  • DarkoCujic
  • Offline
  • User is blocked
  • User is blocked
  • Registered
  • Posts: 2154
  • Thanks: 265
Hey,

since not all templates have the same structure, you can't follow the instructions from the other post. You can do something similar, but not the same.

Cleanlogic3 doesn't have a #ct-body div, so you can't apply anything to it. I have given you the code to use in this topic, in my previous post.

Also, yes, you can remove it only from the footer. Try using this piece of code:
#rt-bottom .rt-block {
  border: none !important;
}

Let me know if it works.

KInd regards,
Darko
Satisfied with our support? PayPal tips
===========
Need to renew Pro Support? Buy Here!
===========
Satisfied? Consider a membership!
===========
Like us on Facebook
===========
Support Crosstec and get ALL EXTENSIONS and professional support for just $5. Here!

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
Time to create page: 0.076 seconds

Support Chat

Join our Discord chat and enter the Crosstec channels for live-support, chat forums and interact directly with the community!

After joining, please enter the Crosstec Area and use the #crosstec-support or #crosstec-general channels.

Quick Links

Downloads

BreezingForms

ContentBuilder

BreezingCommerce

Templates

Documentation

BreezingForms

ContentBuilder

BreezingCommerce

Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

breezingforms.eddy-vh.com

Questions et réponses sur les forums de l'AFUJ

AFUJ

Subscribe to news and updates!

Special Offer

Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!

Live Support Chat Opened!

Join our Discord chat here and enter the Crosstec channels to receive live support and talk directly to the team!