I am new here and I search for a solution but diddnt find a solution.
I am working on a web app with T/roller theme and I need to set a background image to over ride the theme swatch
I have it working with the following js but the swatch colour shows for a second before the image shows, image is called on page load
I need a way to override to theme
$('div[dsid="logincontainer"]').css('background-image','url("' + Tiggzi.getImagePath('FolderSwitcherBG.png') + '")');
$('div[dsid="logincontainer"]').css('background-size','cover');
$('div[dsid="logincontainer"]').css('background-position','center');
$('div[dsid="logincontainer"]').css('position', 'absolute');
$('div[dsid="logincontainer"]').css('width', '100%');
I suppose the question I am asking really is,
is there a way to add an image to the theme that will over ride the swatch colour.
thx for reading
Related
I'm currently using Shopify theme "Motion" on my site and the theme settings allow me to chose one background color. I want to be able to alternate between light and dark background colors for different pages but I can't figure out exactly where to put this code. I'm not sure if this is an edit I make in my theme.css file or theme.css.liquid. Ideally I want to create another setting with an alternate background color I can easily access in the editor, Thanks in advance!!
[1]: https://i.stack.imgur.com/jn65e.png
How can I change the color and the size of this text using elementor!
I've tried to watch some tutorials on youtube but it didn't help
Default Elementor element has style tab next to content, where you can edit font style and color, but in your screen shot it seems like its not default elementor widget, its custom widget of theme, so you should check theme option , it must be there, or you can write custom css.
Using The Divi Video Slider Module to display a set of videos. We'd like to display the video title on hover for each video. Divi says they currently don't support this functionality, but said to check the development community for answers.
See the test page at https://work.gmmb.com/project/political. have tried to edit hover class, but hasn't worked.
There is a class at class="et_pb_video_overlay_hover" Not sure how we can use this to display the video's title from the WordPress Media Library.
Any good Divi coders who have tried this or might know a custom CSS or JS solution?
A really quick workaround would be to use an :after pseudo-element on class="et_pb_video_overlay_hover". You could put the title in content: like so:
.et_pb_video_slider_item_0 .et_pb_video_overlay_hover::after {
content: "Title";
// Title will be small, white and centered at the top of
// the video. Use other CSS properties to style your titles.
}
The first video is .et_pb_video_slider_item_0, the second video is .et_pb_video_slider_item_1 etc.
That is a quick solution you can implement right away.
Edit - I've just have a quick look at the Divi Video Slider module to see if it can be filtered. The code you need is located in these files:
/wp-content/themes/Divi/includes/builder/module/Slider.php
/wp-content/themes/Divi/includes/builder/module/SliderItem.php
I tried to use the Admin Label to set a title for each video, then print that to screen on the overlay, but it isn't accessible during render. I do see that content_unprocessed does contain the title:
["content_unprocessed":protected]=> string(339)
"[et_pb_video_slider_item admin_title="Video Title Goes Here" src="https://www.youtube.com/watch?v=FkQuawiGWUw" ... "][/et_pb_video_slider_item]"
but it is protected and not directly accessible from within the render function.
I'm afraid it's going to require some long and tedious coding to get that to work. The easier solutions are to use the CSS hack above, or simply embed the title on your overlay images.
Is there a way to use a pre-made theme such as "cosmos" from the shinythemes package but to just change a few things with the navbar?
I would like to change the background color, text color, and the hover color of the navbar.
I have successfully changed the background color but am unable to find a way to change the text and color of the navbar when the mouse hovers over a tab.
This is what I have so far:
theme = shinytheme("cosmo"), #app theme
tags$head(tags$style(".navbar {background-color:darkgreen;}")) #navbar color
You can create your own .css file and put it in your www directory (see here in the CSS section, or here section 1) - make sure the permissions are correct.
So if you just want to slightly alter the cosmo theme then you can download it and tweak as desired. Or create one from scratch, as in the first link, and take inspiration from cosmo (or use those commands and just add them to your UI - no need for CSS).
I have a question about Custom CSS or using a coding block when uploading an image to a page as a logo. I am using squarespace for my website and I need help coding my logo so that it fits on every page. An option is to use Custom CSS or a coding block. I am using the Rally template for Squarespace and my logo has a max capacity unfortunately. What coding do I use to have my logo on each page? My site is www.goodemoments.com. Please help, I would like to officially launch my blog very soon!!
Typically, in Squarespace, the way to put your logo on every page is to use it in the header. That is true for the Rally template as well.
To do this:
Add your logo via edit mode by going to Design > Logo & Title >
Logo Image
Save
The logo will now be used in place of your title ("Goode Moments
| Lifestyle Blog")
Go to the Style Editor: Design > Style Editor
Under "HEADER: BRANDING", adjust the "Logo Width" parameter to
your liking.
Once you've done this, it may then make sense to add some custom CSS via the CSS Editor if some additional minor tweaking is needed.
Yes, so I would like to use Custom CSS, because my logo that I will be using is to small. The width only goes to a certain size and I want it to be larger.