Search Results for 'css'

Hi,

For example for post template 3 you can use this css to change attribute values or add animations, hover effects: http://screencast.com/t/149APqTeyJ

.single_template_3 .td-post-featured-image img:hover {
max-width: 90%;
margin-left: 53px;
}

.single_template_3 .td-post-header-full h1:hover {
color: red;
font-size: 50px;
line-height: 50px;
}

You can find online tutorials related to this. Here are some css hover effects for example: http://www.corelangs.com/css/box/hover.html or http://designshack.net/articles/css/joshuajohnson-2/

Thanks

Hi,

I followed your example and I reproduce it: http://screencast.com/t/idvu1mAg3O
If you want to change only “large2 green” button please use this css:

.wpb_button.wpb_green.wpb_size_large2{
font-size: 30px;
}


If you want to css apply to all buttons you can use .wpb_button class: http://screencast.com/t/EWocj0Bfg

.wpb_button{
font-size: 30px;
}

Use !important if this is not apply:

.wpb_button{
font-size: 30px !important;
}

Hope this helps!

Hi,

You can change the font of the button with css code in Theme Panel > Custom Css: http://screencast.com/t/e5QYjtBYyT

.wpb_button{
font-family: Ubuntu;
font-weight: 600;
font-size: 14px;
font-size: 20px;
}
Result: http://screencast.com/t/D4Wtqxeq

Also if you want to customize the button try something like this:

.wpb_button{
border-radius: 5px;
background: red !important;
color: blue;
border-bottom: 3px solid black !important;
}

Result: http://screencast.com/t/4M1GkELDFtag

Hope this helps!

Hi,

Please make sure that you also upload and use an image at least 1021px wide and 580px height as WordPress doesn’t enlarge images, you would need a plugin for that or custom css to stretch them: http://screencast.com/t/HKss39XQjYQ
Please let me know!

Thanks

Hi,

This happens because you use many menu items, you can use this custom css to fix this: http://screencast.com/t/KGCiq5iV


@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu > li > a {
padding-left : 0px !important;
}
.sf-menu a.sf-with-ul {
padding-right: 26px !important;
}
.sf-menu > li > a {
font-size: 13px !important;
}
}

@media (min-width: 1019px) and (max-width: 1200px) {
.sf-menu > li > a {
font-size: 15px !important;
}
}

Thanks

Hi,

I’m not sure to which icons from VC you refer too so please provide more details about them. Either way the theme doesn’t have an option to set other icons to menu items besides the default ones so you would need additional customization for this or try to find a plugin.
For logo and menu margins you need custom css so please provide more details about how you would want them and also provide your site’s URL.

Thanks

Hi,

Sorry for the delay!
Our daily support hours is between 8:00 AM – 17:00 PM (GMT+2) and we take message one by one starting with the older ones. For some messages we need more time to test and research the issues/requests/reports.

I have also tested the issues you’ve reported and haven’t found any issue with the transparent background. Set a background image from theme panel: http://screencast.com/t/0cOR1Iya8KH8 then set the header to transparent: http://screencast.com/t/CXvxGRze to test this.
Regarding the use of custom html instead of posts into the big slider I’m afraid that the theme doesn’t have an option for that and you would need to customize it yourself for it.
I’m not sure about what type of menu you refer to, if you want you can send me your site URL and I can take a look at this.
We recommend to use the logo at 300x100: http://screencast.com/t/2z2hcKeB and the theme doesn’t have an option to resize the logo so you would have to do it via css if you need it. Send your site’s URL so I can tale a look if you want.
If you are unsatisfied cannot use the theme, we can provide you with a full refund. Please contact us via email contact@tagdiv.com
Sorry for all the trouble you’ve encountered using our theme.

Thanks

Hi,

I have tested this before and should work fine. Make sure you do as I suggested, add the class and use the css. If you still can’t manage to do it please provide more details and also provide your site’s URL with an module 7 set so I can inspect this.

Thanks

Hi,

1-2 You can use the following css for border and subcategories: http://screencast.com/t/8h1O1TFrx3A

.menu-item-first a:hover{
border-bottom-color: #8c1f3c !important;
}
.menu-item-first .block-mega-child-cats a{
color: #8c1f3c;
}

Also if you want to change this for other categories you can add class .menu-item-xxx: http://screencast.com/t/wEP4G1qVb

3. I see that you have a category named “Latest Released”- http://scifiandfantasynetwork.com/category/latest-releases/ and also a page – http://scifiandfantasynetwork.com/latest-release/

a)For your category page you can add class .category-latest-releases like this: http://screencast.com/t/TAMxhrDj9SOb

.category-latest-releases .slide-meta-cat{
background-color: #8c1f3c;
}
.span8 .category-latest-releases .entry-title a{
background: #8c1f3c;
color: white !important;
}

b)For your page http://www.scifiandfantasynetwork.com/latest-release/ you can set the background color from block settings: http://screencast.com/t/IFMtUzaf
And for Big Slide please use this custom css: http://screencast.com/t/ZlRGWVM2l

.page-id-83 .td-sbig-title-wrap .td-sbig-title, .page-id-83 .td-sbig-title-wrap{
background-color: #8c1f3c;
}

Also you can use class .page-id-xx if you want to do this for another page.

Hope this helps!

Hi Chris!

Please try this custom css for the issue you have with Paypal info box: http://screencast.com/t/yn9fXsum

.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box {
width: 75% !important;
}

@media (min-width: 1024px) {
.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box{
width: 83% !important;
}
}

You can also modify or remove that paypal info by removing it for m the description filed from woocommerce settings: http://screencast.com/t/gdMhxxABf

Regarding reviews this might help: https://support.woothemes.com/hc/en-us/articles/203447633-How-to-Disable-Product-Reviews
I have also tested this and found that having that filter in the functions file dose remove the reviews tab from product page: http://screencast.com/t/bwaygpI63sI
Hope this helps!

Thanks

• This reply was modified 11 years by Lucian.

Hi,

I have checked your site again and did noticed that even if the ‘Droid Serif’ font family is set the ‘Times New Roman’ is rendered: http://screencast.com/t/qOraBNesH
I’ve also checked your page source and noticed that ‘Droid Sans’ is loaded: http://screencast.com/t/lsyHvLY3a
Please make sure that you disable html/css/js minify option as I’ve noticed you use it compressed and also disable plugins/ empty cache and purge files if you use CDN.
This should not happens if you use the latest theme version (1.4) as I have also checked this and haven’t found any issues with this, the fonts are loaded and rendered fine: http://screencast.com/t/1dSQ61HRb
If nothing solves this I suggest you re-upload your theme files via FTP using this guide: https://forum.tagdiv.com/how-to-update-theme/ and make a backup of your current theme installation in case something goes wrong.

Thanks

Hi,

You can change the color and add background for all these buttons via custom css:

.vc_btn{
background: red;
color: white;
}

Buttons created: http://screencast.com/t/CscXzh8wmGx
Result with css: http://screencast.com/t/1Ew0Vd2Jgka

Thanks!

Hi,

You can leave that field blank(title), the permalink still have the title: http://screencast.com/t/Kr5GTkLc55q Or you can use css to hide the title. You can do this how you prefer.

For example:

.page-id-8677 .entry-title{
display: none;
}

Result: http://screencast.com/t/q6cWh6S2f

Thanks!

Hi,

You can do it via css like this for the read more buttons: http://screencast.com/t/b6aPCsBLH6h
For other buttons you need to use other classes as there is not class which you can sue to change all buttons.

Thanks

Hi,

Those image are scaled: http://screencast.com/t/FNW4IMxZ5Aym
Smart list style 2 uses the 640px width image thumb which was created when you’ve uploaded the image: http://screencast.com/t/MqM3NPtxf so if you upload an 200×180 small image the thumb isn’t created as WordPress doesn’t enlarge images so the small image is used and stretched via css to fill the whole container which needs an 640px image thumb for smart list 2: http://screencast.com/t/5rrHiabgnKbJ
If you don’t want this and you still want to use that small image you can use the css below to remove the width and set it auto: http://screencast.com/t/VCVPrsuco

.td-slide-smart-list-2 img {
width: auto !important;
}

Thanks