Search Results for 'css'

Results from the Forum
Bogdan B.
tagDiv Staff

Hi,
It is enough information but you missed out the most important bit. Please provide a link to your website where the coupon field is so we can inspect it and see why the css does not apply.
Thank you!

srampia
tagDiv Member

Hallo Bogdan B.,
Thanks for your support.
As you have suggested, I have removed the background color from the Theme Panel. And it has helped me to get the required result of Full width Main Menu.
1. And you have asked me to use only the CSS Background. But I require this CSS Code to use a particular color as Background for the whole Page and Theme.
2. I use Headed Style 9 (Full Logo on Top). I require also the proper CSS code to add the Background image to the Header, so that I may be able to give Header as fullwidth Image- covering whole place above Main Menubar.
What shall be the image size of Header?

with thanks

Bogdan B.
tagDiv Staff

Hi,
In order to have the main menu full with, you need to remove the background color or background image from the theme panel because the site will switch to a boxed version if any of these 2 options are added. (use only the css background)
You can use css to add the background image to the header but for this you need to specify which header style you use so I can provide the proper css code.
Thank you!

Bogdan B.
tagDiv Staff

Hi,
Unfortunately the content background cannot be changed from the theme panel. The main content area has different containers for pages and for posts. you can use a custom css to do it but it will not work properly on some post templates.
You can try it out like so:
.td-main-content-wrap, .post{
background-color:red!important
}

Some post templates however will not get the background as they use different classes. You cna use your browser inspector to see them and add the classes to the code.
I hope this helps.
Thanks.

Bogdan B.
tagDiv Staff

Hello,
These options are available in the theme panel:
http://screencast.com/t/8jBhNywBzCI
The code you tried via css does not apply because you use header style 7 not 9
The main menu does not get the color from the theme panel as it;s a plugin (mega menu) and it has a custom class different from the one our theme uses.
You can use this css if you want to change it’s color:
#mega-menu-wrap-header-menu{
background:transparent!important
}

Thank you!

Andrei L.
tagDiv Member

Hi

To achieve that ae required many customizations in block’s layout and even in it’s php structure. First it’s required a new container which will contain the image, then the style must be adapted such that the image an the posts displayed in block to have proper layout. The file which must be edited is td_block_10.php: http://screencast.com/t/LIRFH0qMCOY so you can try if you want on a test site to change it’s layout a bit.

Note that this is a complex task which require many customization and also good php/html/css coding skills. If you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you as we can’t offer customization services at the moment.

Thanks!

Plexus7
Participant
#0

Hello, I’ve wrote on themeforest comment section and receive a good answer from Lucian C. and tried to implement the changes on my site, but without success. Here is our discussion there:

Hi, i’ve using now a background image on my site and it fits well, but I’d like to make it with opacity in order to be as your demo here – http://demo.tagdiv.com/newsmag_travel/ and the background wallpaper is visible tru the whole web site content. I’ve tried to find such an option in theme panel, but without success.

Hi,

Unfortunately, the theme dose not have any settings on this. This is travel demo specific implementation and we have achieved this by giving a bg with a 0.75 opacity to the main containers divs of the theme. You may use the web inspector on our travel demo to see that effect: http://screencast.com/t/wEBtdBLrt9j

You can use the same implementation for your site and just add the custom css code to your theme’s panel > custom code section.

If you need any additional assistance on this and/or for any future matters please address to our forum support and refer to this conversation and one of our forum support staff member will assist you in the shortest time: https://forum.tagdiv.com/

Hope you’ll find this useful!

Thank you! Lucian C. tagdiv

How can I implement this on my NewsMag theme with custom css? Thanks in advance.

Regards, Nick

Bogdan B.
tagDiv Staff

Hello,
This is the default behavior of header style 1. If you access our live demo you will see that it displays the same. http://demo.tagdiv.com/newspaper/http://screencast.com/t/fuV9YVFy
If you want to reduce this space, you can do it with css:
.td-header-style-1 .td-header-sp-recs{
margin: 18px 0 9px 0!important;
}

Thank you!

Andrei L.
tagDiv Member

Hi

Try this css in theme panel > custom code > custom css:

.single_template_6{
background-color: #f1f1f1;
}

Thanks!

Bogdan B.
tagDiv Staff

Hello,
If you want to change the font-damily on a masonry grid hover, you can only do it with css like so:
.vc_grid-item-mini:hover p, .vc_grid-item-mini:hover h4 {
font-family:comic-sans;
}

If this is not what you mean, please provide more details so I can better understand the request.
Thank you!

Catalin
tagDiv Staff

Hello bipulalam,

If you want to remove the Sidebar area from Visual Composer editor, please check the screenshot below and comment out/remove snippet of the code from editor-syle.css, like this -> http://screencast.com/t/wRbUXfm9UC

Hope this helps!

Thank you for the message!

Navneet
tagDiv Member

Thanks

If I want to increase the font size if review text.
What Css will I have to change? What If I have to take that change back? Where to get that code from?

Catalin
tagDiv Staff

Hello Navito,

Unfortunately, our theme does not have such an option to disable the background for the posts which are included in the category that has a background image activated…this is the behaviour of the theme. If you want to disable the background for the posts, you can hide it using a bit of CSS code. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.single .backstretch {
display:none;
}

Hope this helps!

Thank you for the message!

Andrei L.
tagDiv Member

Hi

If you’re using page-builder+title as a page template then you can use this css in theme panel > custom code > custom css to hide the page tile:

.td-page-title{
display: none;
}

Regarding the error make sure you made the changes exactly as I indicated in previous screens as the indicated error appear when the php code returns an invalid html structure. The php code have a syntax which must be respected otherwise will return errors.
If you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you as we can’t offer customization services at the moment.

Thanks!

Andrei L.
tagDiv Member

Hi

You can use this css in theme panel > custom code > custom css to hide the post views on the front-end: http://screencast.com/t/4y32QqjZ

.td-post-views{
display: none;
}

Thanks!

Bogdan B.
tagDiv Staff

Hi,
You can try the code like so
.category .page-nav{
display:none!important;
}

It should work properly. (the !important tag work miracles in overwriting css)
Thank you

Catalin
tagDiv Staff

Hello Sylvester77,

If you want to change the color of the border, you have to use a bit of CSS to do that. Please try the code below and add it in Theme panel->Custom CSS Area.

The code is ->

.sf-menu > .current-menu-item > a:after, .sf-menu > .current-menu-ancestor > a:after, .sf-menu > .current-category-ancestor > a:after, .sf-menu > li:hover > a:after, .sf-menu > .sfHover > a:after {
background-color: red;
}

The result you should see here -> http://screencast.com/t/t9ZB0duyI

Please notice that this border is affected by the theme accent colors from Theme panel -> http://screencast.com/t/sAXVDtGUew6F

Hope this helps!

Thank you for the message!

Bogdan B.
tagDiv Staff

Hi,
You can add the code in the theme panel->custom css box and it will apply to the whole site.
Thank you!

Bogdan B.
tagDiv Staff

Hello,

a – you only need to pick another effect from the theme panel. Please use it like so:
http://screencast.com/t/OakvyDse
b- you can add the code in the theme panel – custom css box: http://screencast.com/t/Pki15X8dt
As for the “preformatted” satyle, if you are referring to the shortcodes and formats for text editing, you can follow this topic: https://forum.tagdiv.com/post-formats-for-tinymce/

Thank you!

Andrei L.
tagDiv Member

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/QHdjMBpstbs

.td-module-comments{
display: none;
}

Let me know how it goes.
Thanks!

Catalin
tagDiv Staff

Hello smishra,

I suppose that you are referring to ABOUT US field from footer section, like this -> http://screencast.com/t/vw9KlN5jb If you want to not display this, please check your footer section and delete your content from here -> http://screencast.com/t/qWXaQc9MXwiB or simply you have to use a bit of CSS code to hide it.

The code is ->

.footer-text-wrap {
display:none;
}

Hope this helps!

If is not what you mean, please provide more details about your desired changes so I will be able to provide a more accurate response.

Thank you for the message!

Catalin
tagDiv Staff

Hello pasqualino77,

Unfortunately, our theme does not have such an option to filter your posts besides those presented in Widgets area from the panel. If you want to have more option in this regard, you have to alter the core file and add them in code. Please notice that is not a simple task and to accomplish this, is require to have a solid knowledge for PHP/HTML/CSS/JS and also that is custom work. If you are not aware to the steps in this case, please consider hiring a freelancer/developer to do this for you because we cannot provide custom services at the moment, sorry!
Usually, we recommend developers from studio.envato.com

Thank you for your understanding!

Catalin
tagDiv Staff

Hello rcallejonvillalobos,

For an accurate CSS code, I need your website so I can inspect it closer your product page. Below, I gave you an example for our demo product…If you want to change the size of the product, you should increase the width for each product.

The code is ->

.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
width: 35%;
}

The result -> http://screencast.com/t/xMKyvzeZkrT -> http://screencast.com/t/urquBSmxa

You have to try to implement in the same way as I have presented you above.

Hope this helps!

Thank you for the message!

Ilse
Participant
#0

Okay, so I don’t know if I’m being a complete ignorant about this but its my first time creating a child theme. Anyways, if I’m getting it right all I have to do to install the child theme is to put the Newsmag-child folder inside the Newsmag theme, and that folder is already provided in the files (and I don’t need to overwrite file since I won’t be customizing them) so all I have to do is to actually copy that (with only those 2 files inside) inside the parent, then install the theme and that’ll do it. I put a screenshot inside the child folder to know if it is working but right now testing it, it seems exactly the same as if I’m running the parent theme.

Can anyone help me to figure this out? Or to clarify me if I really need a child theme if I’m not willing to mess with the core code, or if I’m just going to add just a few CSS lines?

aliou89
Participant
#0

How can i change a single page background. I add this code .page-id-9151 {
background: url(http://www.guineehitmusique.com/wp-content/uploads/2014/08/BACKGROUND-.jpeg) no repeat !important;
} to stylesheet css. but nothing show up.

Viewing 25 results - 23,901 through 23,925 (of 33,436 total)