Search Results for 'css'

Hi,

You can change it from here: http://screencast.com/t/HAmNr80kHi
Note that as Christopher wrote that class it’s used in the style sheet and you need to change it into the style.css file as well otherwise you will lose any style added using that class.
Hope this helps!

Thanks

Hi,

I’m not sure what do you want to do, the top menu it’s already responsive. If you need to enable it on mobiles you will have to do it via css because the top menu it’s hidden on mobiles by default: http://screencast.com/t/ck4PFM7JvM

@media (max-width: 767px){
.td-header-menu-wrap {
display: block !important; 
}
}

Hope this helps!

Thanks

Hi,

Add the logo as a menu item like this: http://screencast.com/t/uYar7EvV8k
Result: http://screencast.com/t/vOUutsaa1
Use css to set the max-height to 100% for the logo image to fit well. This method works fine, just tested it.
Use another header style or set the logo you have now to be hidden in desktop screen mode.

Thanks

Hi,

You can change the menu background and underline from theme panel > theme colors: http://screencast.com/t/EtZzSh24fg
To change the text color of the menu go to theme panel > custom typography > menu’s section: http://screencast.com/t/82P6qW1k4
For the underline you can also use this custom css: http://screencast.com/t/SRXSJa1se

.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
border-bottom: 4px solid #52b3e9 !important;
}

You should also consider changing the menu icons color from white to black: http://screencast.com/t/TC4gyvpPJ6y

Thanks

Hi,

Use this custom css: http://screencast.com/t/7PRIleKh

.td_block6 .td_mod9 .entry-title a {
color: red;
}

Change it as you like.

Thanks

Hi,

I believe you refer to the social icons from the top menu widget area: http://screencast.com/t/lR7Y7nI7fVp
I have checked your site and noticed that you have hidden the top menu so first you need to enabled it from theme panel like this: http://screencast.com/t/IIL0V0RuSuSN
After this go to appearance > widgets and add the social icons widget to the top right social widgetised area and customize it like this: http://screencast.com/t/sLyX9vDuKT save it and you should get this result: http://screencast.com/t/lR7Y7nI7fVp
If you want to add it in your sidebar you have to do the same and add it to the sidebar you want: http://screencast.com/t/tjZVBrL3
Should work just fine, make sure you do this right.
You can remove the pagination via custom css, like this: http://screencast.com/t/HmN5Dw5IaG6
Use this custom css in theme panel > custom css:

.home .page-nav {
display: none;
}

Thanks

Hi,

Please use this custom css: http://screencast.com/t/K0c2C7JujvL

.widget_rss .block-title span, .widget_rss .block-title span a {
background-color: #fff;
color: #900000;
font-size: 18px;
}

Thanks

Hi,

Please replace td_module_3.php with this: http://pastebin.com/NeUn5TbD and td_module_5.php with this: http://pastebin.com/tQ7A0eNM

Also add this custom css in theme panel > custom css:

.td_mod3 .entry-title, td_mod3 .entry-title a, .td_mod5 .entry-title, .td_mod5 .entry-title a {
clear: both;
top: 2px;
}

Result:
mod5: http://screencast.com/t/VkILmiLea
mod3: http://screencast.com/t/9IWnU8cN5oRu

Thanks

Hi,

This issue with the slider’s links occurs because of Yoast Google Analytics plugin which you also use: http://screencast.com/t/Ex2njqV30y We know about this and we have already wrote to plugins author so we can find a solution for this, you can also write to their support page: https://wordpress.org/support/plugin/google-analytics-for-wordpress
We are trying to fix this but unfortunately is more difficult than we initially tooth. You can disable this option from Yoast Google Analytics general settings, will fix the issue with the links: http://screencast.com/t/LRV9LlBn3 or you can also use our own Google analytics support (just paste the code in our admin): http://screencast.com/t/EtxOCuXlspj
Sorry for the inconvenience!
For the slider’s title please use this css to change the line height and font size as you like (add it in theme panel >custom css): http://screencast.com/t/EFiZpUFi7yfT

@media (max-width: 767px) {
.td_normal_slide .td-sbig-title-wrap .td-sbig-title {
font-size: 17px !important;
line-height: 5px!important;
}
}

Thanks

Hi,

You can do it via custom css, like this: http://screencast.com/t/nc8e1yCDZRJ

.author .td_mod_search .thumb-wrap {
display: none;
}

.author .td_mod_search .item-details {
margin-left: 0px;
}
.author .td_mod_search {
margin-bottom: 0px;
}

Thanks

Hi,

1. Use the following css (add it inside the Theme Panel -> Custom CSS):

.single_template_3 .header-logo-wrap img {
margin-bottom: 10px;
}

2. Check if the sharing buttons are enabled in the Theme Panel – http://screencast.com/t/Vjr7zkgjiZ5Y and if the line is present inside the loop-single-3.php – http://screencast.com/t/7ExjQf21

Maybe you commented the line or moved it in the past.

Thank you, Emil G.

Hi,

I guess you’re referring to this section – http://screencast.com/t/LSWGgWkjYvm
Try to add the following css inside the Theme Panel -> Custom CSS:

@media(min-width: 768px) and (max-width: 1018px){
.vc_custom_1411984399136 {
margin-left:12px !important;
}}
@media(max-width: 767px){
.vc_custom_1411984399136 {
margin-left:0px !important;
}}

Thank you, Emil G.

• This reply was modified 11 years by Emil G.

Hi,

You can do it via css and use this custom css to change the headlines of woocommerce pages: http://screencast.com/t/uhl6MMNyV

.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4, .woocommerce h5, .woocommerce h6 {
font-family: 'Titillium Web', sans-serif;
}

.woocommerce {
font-family: 'Open Sans', sans-serif;
}

Use this css to restore the product page default font:

.single-product {
font-family: 'PT Sans',sans-serif !important;
}

Please let me know if this works, if not please send an URL to your site, I need to inspect this so I can provide a solution.

Thanks

Hi,

Thnaks for reporting this, I have tested the code of your post and seems that you are right. This happens to the <div class=”td-paragraph-padding-3″> div which add the padding left and right and noticed that it’s because of using display-inline.
I have added this on our issue list and we will investigate this. You can use this custom css for FF until we fix this.

@-moz-document url-prefix() {
.td_box_right {
    clear: left;
}
.post p {
    clear: left;
}
.td-paragraph-padding-0, .td-paragraph-padding-1, .td-paragraph-padding-2, .td-paragraph-padding-3, .td-paragraph-padding-4 {
    display: block;
}
}

Sorry abut this!

Thanks

Hi,

Thanks Christopher!

@sbo Note that from theme version 4.3 the fixed/responsive settings has been removed so you can’t set your site to a fixed layout. As Christopher wrote you can edit the style.css file and remove the @media query’s for phone.

Thanks

hi,

On default templates you can change this title from theme panel > custom typography: http://screencast.com/t/KFIbxgDrnS
If you want to change this on category/archive or other dynamic pages, you can use css like this: http://screencast.com/t/e9XxTy5tNqla

.category .td_mod8 .entry-title a {
font-family: Lobster;
font-size: 50px;
color: red;
}

Hope this helps!
If it doesn’t please send me your site’s URL and point me to the titles you want to change so I can inspect it.

Thanks

Hi,

Use this css for the category: http://screencast.com/t/oche09L60k

.entry-category {
list-style-image: none;
}

You also have the list arrows we use in the theme: http://screencast.com/t/gvf1G4qVURUd
You can target the list you want to change the style for and use this path as a source.
The css from my ex changes the style for the lists from the footer:

.td-footer-wrap ul li {
list-style: disc url('http://www.thisisanfield.com/wp-content/themes/Newspaper/images/icons/li.png') !important;
} 

Hope this helps!

Thanks

Hi,

You can use this css:

blockquote p {
text-align: left !important;
}

…to get this results:
* http://screencast.com/t/AMPbq8zTCD
* http://screencast.com/t/gwe5UnIWxQJ

Hope this helps!

Thanks

Hi,

1. Yes, use the css for those borders like this to only show it in on tablets and desktop screens:

@media (min-width: 768px) {
.td-menu-placeholder .td-menu-header {
border-bottom: 2px solid black !important;
border-top: 2px solid black;
border-right: 0px solid black;
border-left: 0px solid black;
}
}

Or you can use it like this to hide it on mobiles: http://screencast.com/t/XMOsFYY2

 @media (max-width: 768px) {
.td-menu-placeholder .td-menu-header {
border-bottom: 0px solid black !important;
border-top: 0px solid black;
}
}

2. Unfortunately that happens, and it’s because of the font being large and if you use many menu items, to fix that you can use smaller font (like you did) or modify the menu items width.

3. That is possible but you will need custom work for that as the same classes are used to make the others elements responsive and setting a fixed width for those would apply to all, you would have to find a way to target just the elements you want and change the css, if you want to do it you can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.

Thanks for reporting this issues, we will test this.

Thnaks