Search Results for 'css'

Hello,
unfortunately the theme width cannot be changed as our theme elements were built using a fixed width and if this width is changed, then the elements will lose their positioning and the website will “break”. If you have to change the width, then you need to adjust every element you use on your page and it will be no easy task as it’s a fairly complex css. what you can do however for your ad placement is have 2 columns or 1 column in place for your ads in parts of your homepage. (you can have 1, 2 or 3 column layouts on the same page) like so: http://screencast.com/t/3zFNPkto this method will create enough space for your ads.
Thank you!

Hello carmene,

If you want to achieve as you wish, please try the code below and add it in the Theme panel->Custom CSS area.

The code is ->

.widget_text .textwidget p {
text-align:justify;
}
.gfcustomized-widget-text-32 .textwidget p {
text-align:center;
}

The result your should see here -> http://screencast.com/t/0ROOaMoSsthI

Thank you for the message!

Hello,
You can remove the sidebar on archive pages from here: http://screencast.com/t/5QaSFGRqbaR
In order for us to move the product, you have to hire a freelancer as it is not tat easy. All the css for this element must be changed. You can hire a freelancer form sites like studio.envato.com
Thank you!

Hi,
In order to do this, you can use a css trick and add a backgroun image to your menu but this can only be done with css. There is no setting in the theme panel for it.
You can add it like so: http://screencast.com/t/Ezje4qqYuqIq
.td-header-menu-wrap-full{
background-image: url("http://mag.imshmacked.com/wp-content/uploads/2016/03/bg-image.png");
background-repeat: no-repeat;
}

It will need further customization for responsiveness though.
I hope this helps.

Hello,
in this case, you will have to reinstall the theme if you edited theme files or simply remove the css in the theme panel – custom css box. We cannot provide a solution do adjust the position of the menus as we could do more damage than good if your customization get scrapped at some point. You will need to revert to the default state of the theme and be more careful when creating your css code.
Thank you!

Hello,

You can achieve that result but it will need a few customizations. First, you will need to remove the header ad container like so: http://screencast.com/t/3MXoVpsx , then you can use this css for positioning:
.td-header-style-1 .td-header-sp-logo {
width: 285px!important;
height: 90px!important;
margin: 0px 28px 0px 28px!important;
}
You can change the values in the code to your preference.

Thank you!

Hello Matija,

If you want to remove those white spaces, you have to reduce the paddings to 0 px. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

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

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

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!

Hello masc,

If you want to remove the author and the date of the category page, you have to use a bit of CSS code to hide it. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.category .td-module-meta-info {
display:none;
}

The result -> http://screencast.com/t/yDQw62bxQTA

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!

Hi,
The title background color is the only setting that needs to be edited to get this effect. http://screencast.com/t/fI0Fold28bqw
If it does not apply on your end, please try to disable all plugins except visual composer and clear cache. There could be a plugin conflict that interferes with the css.
Let us know how it goes.
Thank you!

Hello bhadrabalaram,

Please try only the code below in your CSS area. -> http://screencast.com/t/jrRGNdmke

The code is ->

.td-header-style-3 .td-header-sp-logo {
padding-left:0px;
margin-left: 0px;
}
.td-header-style-3 .td-header-sp-logo a img {
margin-left: 0px;
}

The result -> http://screencast.com/t/ndhjGZlxZqP

Hope this helps!

Thank you for the message!

Hello Sayeed,

If you want to have the same block’s design for block 3, you have to use a bit of CSS code to accomplish this. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td_block_3 .td_module_1 {
background: #fff;
padding-bottom: 15px;
margin-bottom: 17px;
border-radius: 5px;
box-shadow: 0px 2px 3px 0px #888888;
margin-left: 1px;
margin-right: 1px;
}
.td_block_3 .td_module_1 .td-module-title{
padding-left:2px;
padding-right:2px;
}
.td_block_3 .td_module_1 .td-module-meta-info {
padding-left:4px;
padding-right:4px;
}
.td_block_3 .td_module_1 img {
border-radius: 5px 5px 0 0;
}

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

Hope this helps!

Thank you for your message!

Hello Andrii,

Unfortunately, our theme does not have such an option for modules from categories but only for Blocks. If you want to have this feature for Category pages, you have to alter the code and implement this with hard-coding. If you do not have advance knowledge for HTML/PHP/CSS/JS to accomplish this, please consider hiring a freelancer/developer to do this for your because we cannot provide custom work at the moment, sorry!

Thank you for your understanding!

Hello,

The best way to do it is to use https://icomoon.io/app/#/select and create your font file (*.svg) Then put it in the theme files in the icons section: http://screencast.com/t/LYy4BH4v1E and then use css to load the font using font-face like so:
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-Light.otf') format("opentype");
font-weight: normal;
font-style: normal;
}
Please note that the URL must be an absolute one so the path leads directly to your font file. You can test if the url is correct in your browser. When you access the url, the browser should download the font file.

I hope this helps.
Thank you!