demo-blog question

5 replies · opened Nov 7, 2022

PPavelRomeroNov 7, 2022

Hello:
In the demo-blog.html page there is a DropDown that simulates a functionality to display a page in different languages, but the Dropdown is not functionally implemented. It's possible:

  1. Set through Javascript a default value when loading the page?
  2. When a language is selected... How could I force a postback and when the page is reloaded that value is set?

Regards

SSemicolon WebSTAFFNov 8, 2022

Hello,

Unfortunately, this feature is currently not available within the Default Templates. We will surely consider adding this in Our Future Updates and will send you a notification once this is available.

Let us know if we can help you with anything else or if you find any further issues.

PPavelRomeroNov 8, 2022

Thank you.. And would it be possible to change the colors indicated in the attached image?

How can I also control these styles if it's a mobile device?

Regards

SSemicolon WebSTAFFNov 10, 2022

Hello,

  1. Consider using the following code:
    [ch_pre type="css"].btn-primary {
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    }[/ch_pre]

  2. and 3. You can use the following code to set the colors according to your needs:
    [ch_pre type="css"].dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd;
    }[/ch_pre]

  3. You can use Media Queries: https://www.w3schools.com/css/css_rwd_mediaqueries.asp to control these styles by adding your codes inside the css/custom.css File.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

PPavelRomeroNov 12, 2022

Hello:

I have made the changes for points 1, 2 and 3 (in the last two trying without using media-queries) but I don't see any change. What am I doing wrong?

Website

Regards

SSemicolon WebSTAFFNov 14, 2022

Hello,

We have checked out your Website and you are using an older version of Canvas/Bootstrap. Please make sure that you are using the Latest Version of Canvas for these customizations to work correctly.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard