Search Results for 'css'

Hello,

It is possible but css cannot tag a particular category with a particular color. You can only target elements based on their position number.
For example, you can set the first element to be red, the second blue and the third to be pink. But this setup will still apply if the categories change order or if different categories are displayed. You can set a color pattern but not assign it to a specific category.
I hope i explained it right.

Thank you!

Hello,
You can use your browser inspector to find the class and then use it to style the element.
Use this CSS:

.single-resorts .td-category a {
color: #fff;
background-color: red!important;}


http://screencast.com/t/fuPgb2dL1vcX

Thank you!

Hello,
Unfortunately the mega-menu option is not available on the mobile version of the theme. What you can do to achieve your desired effect is create 2 menu items with the same name and make one a mega menu and the other one a custom link. Then you can simply hide the custom link on the desktop version and hide the mega menu item on the mobile one. http://screencast.com/t/MRAfgkxu
Then you can use css to hide each one on the device of your choice.
Every menu item has a custom class called menu-item-x where x is the menu item number.
You can target these with css like so:

first one:
@media (max-width: 767px){
.menu-item-362{
display:none!important;
}
}
This is for the mobile version to hide the page menu item.
http://screencast.com/t/yoIuZn5gmS
And for the other we use the code like so:
@media (min-width: 767px){
.menu-item-363{
display:none!important;
}
}
http://screencast.com/t/thg1VSizG
Use both of these codes together in the theme panel->custom css box. You will have to adapt the code to your menu item numbers. Use the browser inspector to do this: http://screencast.com/t/JMg4UDwGJz
I hope this helps.

Thank you!

Hello,

This could be a plugin issue. Please try to disable all your plugins except visual composer and check the editor again. If this does not work, make sure you update your theme to the latest version and also update visual composer.
If all else fails, you can change the color using css. The editor text color can be found here: http://screencast.com/t/hrMsN2DU There is an editor-style.css also. You can manually change the color in the file.
Let us know how it goes.

Thank you!

Hello,
I have tested this on my end and it seems there is a container there that does not get removed by the code Andrei gave you.
Just replace the css with this one:

.td_block_big_grid_1 .td-module-meta-info {
display: none;
}

Thank you!

Hello,

The css class of a custom post type does not match the one from a default one. That is why css does not get applied to specific parts of the CPT. You can change colors with custom CSS you can place in the theme panel.
If you do not know how to change colors in css please provide us with a link to a post so we can take a look and come up with a solution.

Thank you!

Hello,

You can change the color to your default one by using this custom css code:

.single-post .block-title a, .block-title span, .block-title label {
background-color:#4db2ec;!important;
}
result: http://screencast.com/t/ZfQTKk6WoOm
Thank you!

Hello,
In order to make your logo stay on the left side you can use this custom CSS:
.td-header-style-9 .td-header-sp-logo{
float:left;
}
And then assign a background color to your website (white counts as well) Just change to anything but the default value to make the container boxed: http://screencast.com/t/OUu7hBk1Nccg
You can also use a padding-left: value in your code to adjust the logo position.
result: http://screencast.com/t/tx6P5k5pNLAv
Thank you!

Hello,

There is no option in the theme panel for that but it can be changed with custom css:

.td-main-content-wrap, .post{
background-color:red!important
}

http://screencast.com/t/tKx1JgQpS

If you want to change the header section as well, that can be controlled from the theme panel.

Thank you!

Hi,

Sorry about the colors question.
You can change the background colors from the theme panel: https://forum.tagdiv.com/background-introduction/ Note that the post background will be influenced by the category background you set from the theme panel->categories tab: http://screencast.com/t/NNwytsbTJTz
Please understand that custom work is not part of support. It is written in the support policy here: https://forum.tagdiv.com/support-policy-2/. The theme does not have an option for RTL so it qualifies as custom work. We usually try to help with custom work where we can, with small tasks that do not require lots of time to do. However, making your website RTL is no small task. You will have to change the theme css for all the elements. We are a small team and time does not allow us to tackle such tasks and we do not have a universal piece of code we can give you to change the whole site direction to RTL.

Thank you for your understanding.

Hi Foupin,

You can change the Facebook icon if use the code below in Theme panel->Custom css area like this:
http://screencast.com/t/rarOuLxegVra

.td-footer-wrapper .td-social-style-2 .td-icon-font {
font-size: 36px;
width: 64px;
height: 64px;
line-height: 64px;
background-color: #4DB2EC;
}

Notice:-you can adjust the values as you want to achieve the desired result-

The result should can see here: http://screencast.com/t/ychAQLowb6G

If is not what do you want, please provide more details!

Hope this helps!

Thanks!

Hello,

You can hide the highlight border with custom css:

.sf-menu > li > a:after{
display:none;
}

Just add the code in the theme panel->custom css box.
result: http://screencast.com/t/8LMWwsNNtKdo

Thank you!