Search Results for 'css'

Hello pakdefense,

If you will use that plugin, you have more options in the panel. As a hint, you can hide it when your cart is empty like this -> https://www.screencast.com/t/RaAvHPntp7Xo and if you want to display it only for the Woocommerce page you can try using the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.wpmenucartli{
display:none;
}
.woocommerce-page .wpmenucartli{
display:block;
}

Hope this helps!

Thanks for the message!

Hi,

I could take a look, please provide a link to your website if possible. Does the Facebook section disappear if you deactivate the plugin? maybe I could remove it with CSS.

Thanks

Hello Neo,

Try using the code below and place it in Theme panel -> Custom CSS area.

.td-business .td-header-style-1 .td-header-sp-logo {
float: left;
}

Thanks.

Hi,

Each menu item has a unique ID, so you could use that and create a code. I did it like this, first I have added an icon in my menu same way you did
– https://www.screencast.com/t/atJw6weOwj
The menu item ID can be seen with the browser inspector
– https://www.screencast.com/t/0vVSEOThr
So a code like this will change the color when on default (if you want to do that), also set a hover color
– https://www.screencast.com/t/6C5dK406DS
– https://www.screencast.com/t/mWocLAsrZNdZ
This is the code used in the example, you would only need to use the IDs you have. The colors can be set to what you like. Use them both or just the hover one.

.menu-item-3512 .fa {
color: blue;
}

.menu-item-3512 .fa:hover {
color: red;
}

CSS code can be entered in Theme panel->Custom code-> CSS section.

A guide that may be helpful here
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello,

Of you want the style to appear, you will need to have the recipes demo installed as it provides the needed css for the layout.
Then, use this template as a base for your posts:

https://pastebin.com/pqqvakz6

Paste the code in text mode and edit it to your own recipes.

Thank you!

Try to remove the customization made in the composer. Then enter this code in Theme panel->Custom CSS

.td-travel.td-pb-row {
top: -220px;
}

Check if that works better for Firefox and other browsers.

Hi,

Header style 5 would be similar to what you are looking for
– https://forum.tagdiv.com/header-styles/
The colors can be changed in the theme panel
– https://www.screencast.com/t/6llfIaSo

It would be easier to use a similar header style than modifying that one, or at least begin with one and adjust it. Use as many theme color settings as possible, then some CSS if needed. I will help you if you should need it.

Thanks

Hi,

By a theme setting that is not possible, it could be done with CSS. However if you use Adsense it is complicated. They mention that Adsense ads should not be hidden from view
– https://support.google.com/adsense/answer/1354736?hl=en

You could create a condition in the header style 10 you are using, something like this
– https://www.screencast.com/t/BhydQTSLfL4
Then the header ad will be displayed everywhere except the homepage.

What you could also do is to use a plugin for your ad implementation. Most users who want more advanced ad settings recommend the Adrotate plugin. More info about it here
– http://www.wpbeginner.com/plugins/how-to-manage-ads-in-wordpress-with-adrotate-plugin/
– https://ajdg.solutions/manuals/adrotate-manuals/

Thanks

Hello,

Thank you for your suggestions. Unfortunately, yes the bbpress and woocommerce css are tied into our own thee css so it cannot be removed. We are planning to separate the css however so in future releases this will be possible but not for the time being.

Thank you for understanding.

Hello,

Sorry but the only block that can have a different layout for mobile devices is the flex block. You can set it up in the tagdiv composer separately for each device in particular: https://www.screencast.com/t/iCSSYePV5R4c

Thank you!

Hello,

The gadgets theme demo as other demos as well, ad their own css style to the theme and in many cases change the default colors. Sometimes a stronger css code is required.
Try this code in the theme panel-> custom css section:

.td-gadgets .td-header-style-5 .sf-menu > li > a:hover{
color:orange;
}

Thanks.

Hi,

1. The default grid style (all grids) does have a darker gradient over the bottom part of the image, I believe this is to make the post title and meta more visible when lighter images are used
With gradient – https://www.screencast.com/t/EwFqfRyrbkbr
Without – https://www.screencast.com/t/DExdlH06x85
Anyway you could remove it with some CSS if not required, or maybe change the style of the grid
– https://demo.tagdiv.com/newspaper/full-big-grid-3/
Since you removed it, what would you like to do now with the grid exactly? I will try to help you.

You can use any of the grids, full grids and blocks in that page. Choose the ones you like. For the article title colors I could give you a code once you choose the elements you want to use.
I believe there are plans to add a color setting for the article titles in modules, in a future update.

2. You could embed the video in a text element
– https://www.screencast.com/t/2gByhWjv2o
Stretch the row containing it and you should have a full width video
– http://prntscr.com/k6ynr4

3. Maybe that look could be achieved with the flex blocks. Those blocks are not predefined, so they can be set to display in many ways. With their settings and maybe some additional CSS you could get that result or similar.

Thanks

Hello,

Yes, you can set the code for a specific category using the category id.
You can get the cat id like so: https://www.screencast.com/t/QdVla6RVR
Then you simply add the id as a css class in your css code like so:

.category-414 .td-header-wrap {
margin-top: 149px;
}

As for the backgorund ad, sorry but for the moment we have no plans on implementing separate background ads for separate categories. We have not tested any background ad plugin either so i cannot make a recommendation.

As for the bottom white space, please ad this css in your theme panel under custom css

.td-main-content-wrap{
padding-bottom:0;
}

Thank you!

Sorry but there are no settings to alter the next prev pagination on blocks. It can only be done with custom css. if you provide more details to how you want them with screenshots, maybe we can offer a css code that can come close to the design you are after.

Thank you!

Hello,

There was absolutely no font change in recent updates and no alignment change.
Please check your plugins as I see many untested plugins in use that each have specific css.

Thanks.

Hello,
You can simulate a mobile device in the chrome browser inspector like so:
https://developers.google.com/web/tools/chrome-devtools/device-mode/
You do not need custom css to change the mobile theme colors though: https://www.screencast.com/t/Yop8vHu5

Thank you!

Hello,

Only a ‘big grid full’ can be stretched to full width
A big grid cannot show in a split row. It needs a full row in order to show the content properly.
The load more pagination button does not have any settings for customizing it. It can only be changed with custom css.

Thanks