Search Results for 'css'

Hi,

Go to theme panel > theme colors and set your color as main theme bg color and as header color like this: http://screencast.com/t/y3JVMdKTc
After this use this custom css to remove the color from the header like this: http://screencast.com/t/9Z7GncXA

Thanks

Hi,

For the category tags from the slider you need additional customizations to get it like that as the theme doesn’t have an option for that. You can take a look at how the post category tags are build for posts here: http://screencast.com/t/ZxRWMxUu and do the same for the category function from the slider: http://screencast.com/t/MC8tbmfdY0
I suggest you to get someone to help you with this if you need it and don’t know to do it as you need custom work for this which we cannot provide at this time as we work on updates/development and support.
To make the slider title solid use this css: http://screencast.com/t/whjAVlJJA

.td-sbig-title-wrap .td-sbig-title, .td-slide-item-sec .td-sbig-title-wrap, .td-big-grid-title .td-sbig-title-wrap {
background-color: rgb(6, 99, 90);
}

Thanks

Hi,

This happens because you use page builder to build your posts which we don’t recommend as it could cause issues of this type.
Use this custom css to fix this: http://screencast.com/t/p68O9bbjUC and also use this to remove this left border which appears on posts: http://screencast.com/t/vjYZZLXGpU7R as it is also happens because of using page builder on posts: http://screencast.com/t/3uO7KC1XDPtV

.td-post-content .td-pb-span12 {
margin-bottom: 0px;
padding-bottom: 0px;
}

.td-post-content .td-pb-span12 {
border-left: 0px solid #e6e6e6;
}

Please let me know if you still have issue after this.

Thanks

Hi,

Use this custom css and adjust the values it as you like: http://screencast.com/t/BnqGGLsSL

.td-video-play-ico {
position: absolute;
left: 10%;
top: 10%;
}

.td-video-play-ico img {
position: relative;
left: 0%;
top: 0px !important;
}

Thanks

Hi,

You can do it via css. Use your browser inspector to find the classes used there then change the container width via css. Please also send your site’s URL if you need help with this.

Thanks

Hi,

1. I will add this on our requests list and implement in future updates. Sorry for the inconvenience!
4. The images are cropped.
You can also read more about function which creates the thumbs and WordPress cropping here:
I. http://codex.wordpress.org/Function_Reference/add_image_size
II. http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
5.Edit single_template_2.php like this: http://screencast.com/t/XiFyFqfvW

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

6.1 Use the media query from below to apply your css just to the tablet screen width and also use the custom class to set hide the widget, should look something like this:

@media (min-width: 768px) and (max-width: 1023px) {
.center123 {
display: none;
}
}

6.2 I can’t access your site anymore so I can guarantee it will work but you could use this and adjust it:

.center123 {
text-align: center;
}
Hope this helps!

Thanks

Hi,

1. You have to add it here: http://screencast.com/t/BPsDrUZyaQXb
2. You can so it via css and use this custom css: http://screencast.com/t/eMu0jqpZOt

.post .td-main-content .td-classic-sharing {
display: block;
margin: 0px;
}

.post .td-main-content .td-post-sharing-bottom .td-classic-sharing {
margin: 0px 0px 10px 0px;
}

Thanks

Hi,

Add this code: http://pastebin.com/zMYQVeaA to the header-menu.php file like this: http://screencast.com/t/8bQeBbSvA ..then use the custom css from below to make it look like this: http://screencast.com/t/T0kLvJDK5nyS

.header-search-wrap .td-icon-search {
margin-bottom: -3px;
margin-left: 10px;
top: 0px;
position: relative;
width: 16px;
height: 16px;
line-height: 0px;
color: #ffffff;
padding-top: 14px;
padding-left: 14px;
display: inline;
font-size: 13px;
}

.header-search .wpb_button {
margin-top: 6px;
}

Make sure you add the code like I did in the screenshot and remove the <i> tag: http://screencast.com/t/9oU00zbpO and if you don’t like the style of it you can change it as you like.

Thanks

• This reply was modified 11 years by Lucian.

Hi,

Not sure how you could do this for your published content besides using css which is not easy based on the different options you can chose when adding an image so to put together an selector which targets just those images and aligns them one after another.
This is a known issue with WordPress as it has an built in system whit you can use to align left/right/center images.
What you can try to do this using various methods, like adding images one after another and chose the same align for each one or try a solution form here or adding images to a div container then use css to align them which would make it easier as you would have the image placed inside a div tag specially created for this. Either way you would have to edit each post.
Here are some methods you might want to try regarding this: http://premium.wpmudev.org/blog/finally-getting-images-to-sit-side-by-side-in-wordpress/
You could also search the web for another method that could help you more.
Sorry for the inconvenience!

Thanks for the message!

Hi,

Please use this custom css and let me know if this happens again: http://screencast.com/t/uh9wtCgna

.td-header-sp-top-widget {
width: auto;
}

Thanks

Hi,

You can select the widget via css and a padding to the right/left/top/bottom of the container to have an white space around it.
Send your site’s URL and point me to the container you want to customize and I will help you with it.

Thanks

Hi,

You can use the do_shortcode() function and add the shortcode for the news ticker directly to category like this: http://screencast.com/t/oTyYO9nikGNW
First go to VC page builder and customize the ticker then switch to classic mode and get the ticker shortcode: http://screencast.com/t/04wufgypnN1I
Use this code and add your shortcode to it: echo do_shortcode('add your shortcode here'); then edit the files and add it like shown above.
Result: http://screencast.com/t/r6U8ZQ6fMSQ7
You also need use the custom css I’ve pointed in the screenshot.

.td-subcategory-header .td-category-header, .td-subcategory-header .td-category-pulldown-filter {
display: none;
}

Thanks

Hi,

Please use this custom css:

.td-related-title .td-related-left {
border-radius: 3px;
}
.td-related-title a{
pointer-events: none;
cursor: default;
}

Thanks!

• This reply was modified 11 years by Alin [tagDiv].

Hi,
only move the # END WordPress from the end of the file to the end of the wordpress section. Some plugins look for that in .htacess

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

AddType text/javascript .js

# BEGIN Expire headers
<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault “access plus 5 seconds”
ExpiresByType image/x-icon “access plus 604800 seconds”
ExpiresByType image/jpeg “access plus 604800 seconds”
ExpiresByType image/png “access plus 604800 seconds”
ExpiresByType image/gif “access plus 604800 seconds”
ExpiresByType application/x-shockwave-flash “access plus 604800 seconds”
ExpiresByType text/css “access plus 604800 seconds”
ExpiresByType text/javascript “access plus 604800 seconds”
ExpiresByType application/javascript “access plus 604800 seconds”
ExpiresByType application/x-javascript “access plus 604800 seconds”
#ExpiresByType text/html “access plus 600 seconds”
#ExpiresByType application/xhtml+xml “access plus 600 seconds”
</ifModule>
# END Expire headers

Hi,

Unfortunately the theme doesn’t have an option for that and you would need additional customizations for that. You could hide it via css on posts/pages that you don’t want it if you want to hide it on some posts only and use the css Alin provided above and use the post/page id class to target one specific page.

Sorry for the inconvenience!
Thanks for the message!

• This reply was modified 11 years by Lucian.