ZCA Bootstrap 4 Template [Support Thread]

Quote:

---

Originally Posted by Jeff_Mash

Perhaps try to add the following CSS to your stylesheet:

Code:

---

/* Change the color of Font Awesome chevron arrows */
.carousel-control-next i,
.carousel-control-prev i {
    color: #FFD700;
}

---

That would change the color to Yellow, but you can adjust the hex value to whatever desired color works best for you.

---

I gave it a shot but somehow it being overwritten by another "file" named <style>

Quote:

---

Originally Posted by nicksab

I gave it a shot but somehow it being overwritten by another "file" named <style>

---

Create (if not already present) a file in the template's /css directory named site_specific_styles.php. That CSS is loaded as the very last bit of styling, so adding the changes you want to have precedence ... will.

@nicksab

Just a reminder that the site_specific_styles.php file should have the following as a minimum:

Code:

---

<?php ?>
<style>
  /* Your content here ... */
</style>

---

Replace everything in red with your css code. With lat9's suggestion, it would look like:

Code:

---

<?php
?>
<style>
  .carousel-control-next i, .carousel-control-prev i {
    color: #FFD700;
}
</style>

---

Quote:

---

Originally Posted by dbltoe

@nicksab

Just a reminder that the site_specific_styles.php file should have the following as a minimum:

Code:

---

<?php ?>
<style>
  /* Your content here ... */
</style>

---

Replace everything in red with your css code. With lat9's suggestion, it would look like:

Code:

---

<?php
?>
<style>
  .carousel-control-next i, .carousel-control-prev i {
    color: #FFD700;
}
</style>

---

---

ok thank you.

Quote:

---

Originally Posted by dbltoe

@nicksab

Just a reminder that the site_specific_styles.php file should have the following as a minimum:

Code:

---

<?php ?>
<style>
  /* Your content here ... */
</style>

---

Replace everything in red with your css code. With lat9's suggestion, it would look like:

Code:

---

<?php
?>
<style>
  .carousel-control-next i, .carousel-control-prev i {
    color: #FFD700;
}
</style>

---

---

umm I tried the following in site_specific_styles.php

Code:

---

<?php
/*
 * BOOTSTRAP 3.6.4
 *
 * Create a file called "site_specific_styles.php" to contain any changes
 * to base css provided by this template. Place site-specific content
 * between the opening and closing style tags.
 *
 * Refer to https://github.com/lat9/ZCA-Bootstrap-Template/wiki/Frequently-Asked-Questions#applying-site-specific-styling
 * for additional information.
 */
?>
<style>
  .carousel-control-next i, .carousel-control-prev i {
    color: #FFD700;
}
</style>

---

Nothing happened and when I look at the page source, the file is not being loaded with the rest of the stylesheets.

What am I missing? site is at royal-fleur dot com for reference

thank you

I also try renaming it to royal_specific_styles.php but same results

That looks correct but I have no way of knowing if the provided CSS was correct.

If folks would follow the Posting Tips better, we can provide better help. They're there for a reason.

In this case, knowing the URL could help me see if the provided rule would actually work.

Quote:

---

Originally Posted by nicksab

I also try renaming it to royal_specific_styles.php but same results

---

this will not work.

Quote:

---

Originally Posted by nicksab

umm I tried the following in site_specific_styles.php

Code:

---

<?php
/*
 * BOOTSTRAP 3.6.4
 *
 * Create a file called "site_specific_styles.php" to contain any changes
 * to base css provided by this template. Place site-specific content
 * between the opening and closing style tags.
 *
 * Refer to https://github.com/lat9/ZCA-Bootstrap-Template/wiki/Frequently-Asked-Questions#applying-site-specific-styling
 * for additional information.
 */
?>
<style>
  .carousel-control-next i, .carousel-control-prev i {
    color: #FFD700;
}
</style>

---

Nothing happened and when I look at the page source, the file is not being loaded with the rest of the stylesheets.

What am I missing? site is at royal-fleur dot com for reference

thank you

---

assuming your royal_fleur template is a clone of bootstrip the file should be here:

https://www.royal-fleur.com/includes...fic_styles.php

but alas it is not. so if you are putting that file in the correct position, then it is a permissions issue. as i am not seeing the file there, then it is one of those things: wrong position or wrong permissions.

if you solve that and it is still not working, i would examine this section of code to ensure you have it in your template:

best.

Quote:

---

Originally Posted by carlwhat

this will not work.



assuming your royal_fleur template is a clone of bootstrip the file should be here:

https://www.royal-fleur.com/includes...fic_styles.php

but alas it is not. so if you are putting that file in the correct position, then it is a permissions issue. as i am not seeing the file there, then it is one of those things: wrong position or wrong permissions.

if you solve that and it is still not working, i would examine this section of code to ensure you have it in your template:

best.

---

thank you.

my apologies to all. I thought I was suppose to rename the file dist-site_specific_styles.php . Woops.

I made the changes in site_specific_styles.php afret remove "dist-" from the file name and added to my templates css file.

It seems working now ( after clearing my cache for the hundreds time)

Thanks again

In tpl_product_info_display.php I see the if

$display_price_top === true
$display_price_bottom === true

On the product page I see the latter one (inspecting the page I see id="productsPriceBottom-productPriceBottomPrice" class="productPriceBottomPrice")

I suppose there is a setting somewhere for it, but can't find it, what am I missing?

I can edit the template file to my likes, just curious to understand the functioning of it.