TOPIC:

Random background in Cleanlogic 3 2 years 5 days ago #229596

  • Topic Author
  • nem13es
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 24
  • 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 2 years 4 days ago #229606

  • DarkoCujic's Avatar
  • DarkoCujic
  • Offline
  • Developer
  • Developer
  • Posts: 2154
  • Karma: 67
  • Thanks: 264
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 2 years 4 days ago #229608

  • Topic Author
  • nem13es
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 24
  • 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 2 years 4 days ago #229621

  • DarkoCujic's Avatar
  • DarkoCujic
  • Offline
  • Developer
  • Developer
  • Posts: 2154
  • Karma: 67
  • Thanks: 264
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 2 years 4 days ago #229623

  • Topic Author
  • nem13es
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 24
  • 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 2 years 3 days ago #229636

  • DarkoCujic's Avatar
  • DarkoCujic
  • Offline
  • Developer
  • Developer
  • Posts: 2154
  • Karma: 67
  • Thanks: 264
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.044 seconds

BreezingForms Pro 1.4.7 for WordPress Released!

Available in the membership section.

Summer Sale!

Massive discounts on all subscriptions!

Get Your Subscription Here

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

Special Offer

Summer 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!