Search Results for 'css'

Results from the Forum
Bogdan B.
tagDiv Staff

Well you can do it, but you have to add it in manually. Either add the exact same class or a custom one but i;m not sure adding the same class will provide the same result as the mega menu list items. It depends on how the css was implemented and how your code looks. Test it out and see. I cannot say for sure.
Thanks.

Dejan231
tagDiv Member

I was looking for the same thing and this custom CSS worked. But I want the same for the area between the Logo/Menu and the Title where the Breadcrumps are. After turning them off from the template settings, the white area is still present.

navuho
Participant
#0

I want to change the website to 1360px. I have changed .td-container to 1360 px, but the submenu, blocks, grid blocks and internal items in grid block and other looks broken. Which CSS/classes i need to change/override to correct all the problems?

Thanks

press
Participant
#0

Hi,

I modified the CSS of the style 8 header to do two things:

1) I made the color of the header stretch 100% across the screen. This was accomplished by updating the width of the following code from 1021px to: 100%.

.td-boxed-layout .td-header-style-8 .td-header-menu-wrap,
.td-boxed-layout .td-header-style-8 > .td-header-header {
margin-left: auto;
margin-right: auto;
width: 1021px;
/* responsive portrait tablet */
/* responsive portrait phone */
}

2) I left aligned the logo to correspond with the start of the menu options below the header. This was accomplished by adding margin-left: -355px to the following code.

.td-header-style-8 .td-header-sp-logo {
margin-bottom: 0;
margin-top: 0;
width: 100%;
}

The issue that I have run into is that the logo looks great until it is on an iPad. This is due to half of the logo being shoved off of the screen. Is there anyway to left align the logo on style 8 and make the header color 100% wide without incurring this iPad rendering issue?

Thanks in advance for your help!

nicholgm
Participant
#0

Hi,

I’m trying to change the colour of the hyperlink text on my homepage posts on imogensangels.com.au.

I want it to be the same colour as the rest of the text.

I was able to change the colour of the hyperlink text on posts using the following css:

.td-post-content a{ color: black; }

This does not change the colour of the post exceprts on the homepage though.

Please help.

Thanks
Greg

Catalin
tagDiv Staff

Hello stuartfordham,

To hide this section on the mobile version, please try a bit of CSS code and place it in Theme panel->Custom CSS area.

The code is ->

@media(max-width:767px){
.footer-text-wrap{
display:none;
}

Thanks.

Catalin
tagDiv Staff

Hello zzboba,

Please try to use a bit of CSS to hide the class that makes this effect.

The code is ->

.td-loader-gif {
display:none;
}

This Ajax loader is created with JavaScript and if you want to find it you will have to do it through tagdiv_theme.js folder, like this -> http://screencast.com/t/PHXREw9c3

Thanks for your understanding!

Catalin
tagDiv Staff

Hello billal,

In order to remove more from author you can use 2 methods:

The css method:

.td_block_related_posts .td-related-right {
display:none;
}

or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd

Thank you!

Alin [tagDiv]
tagDiv Staff

Hi,

We have updated the tutorial how to add a new Linkedin button on Newsmag theme and the sprite files are updated and also the custom css, so you can try to apply this again and see how it goes – https://forum.tagdiv.com/add-a-new-linkedin-button/
Let us know!

Thanks!

Bogdan B.
tagDiv Staff

Hello,

It can be done but it requires a css modification as the theme has no setting for this. The code is quite big though.
Add this in the theme panel-> custom css box:
http://pastebin.com/LJqpcFk2

Thank you!

paologalli
tagDiv Member

please, can you help?
now I’ve restored the original sprite, added to the bottom the linkeding icon but the result is the following: http://www.screencast.com/t/TDxc5jfk9A

I restored also the original css code and inserted this one into the custom css (here comes the sprite: http://www.screencast.com/t/g9iau29PK)

.td-social-linkedin{
background-color: #006699;
}
.td-sp-linkedin{
width: 32px;
height: 32px;
background-position: -24px -800px;
}

thanks a lot

Bogdan B.
tagDiv Staff

Hello,
Well when you edit the php files you add a piece of html to the code. The anchor tags. You can assign a css class to any html element: http://www.w3schools.com/tags/att_global_class.asp
Then you can target that class with css and apply the style you want to it. You can then place the code in the theme panel->custom css box.
Thank you!

Masood Faruki
Participant
#0

Hi

Today I bought the newsmag theme. But disappointing to note that you have faulty package put up for download which gives error while uploading the theme, message is as you seen below:

———————————-
Unpacking the package…

Installing the theme…

The package could not be installed. The theme is missing ‘style.css’ stylesheet.

Theme install failed.
———————————-
when checked the blog for support, saw that so many people are facing the same problem, when you know that so many people are facing the same problem, why is it not rectified?

Need urgent support and solution to the above.

Regards
Masood Faruki

Catalin
tagDiv Staff

Hello wtechgr,

1) Please notice that you can set your desired background from your Theme panel. Background section, from here -> http://screencast.com/t/FtN8Q3Fx and then, for the entire website you will have this background image. Further, using a bit of CSS code, you can change the background of your posts, reducing the background-color white which is set it by default with the code below ->

.td-banner-wrap-full, .td-boxed-layout, .td-main-content-wrap, .post, .td-header-main-menu, .td-header-menu-wrap {
background-color: transparent!important;
}

And the result should look like this -> http://screencast.com/t/ixscl3NlE6x

Please notice that is just a basic example from which you can begin to customize how you want. If you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

2)For your second request, you can try doing this with Visual Composer or if you are not aware of the steps which are needed to follow in this regard, find som plugins with this functionality and see how it will work with the theme.

Thanks for your understanding!

Vittorio
tagDiv Member

Hello Catalin,
thanks for your reply.
I made it to add my links to the subcategories – my final question regarding this topic is:

How can I assign the same css-class (according to grafical behaviour, strong font, hover-effect etc.) to my newly added links as the normal sub-categories have / to make the links look like the subcategories?

I found the class of the subcategories (mega-menu-sub-cat-td_uid_6_57fde12c122f6 cur-sub-cat) and I guess I need to assign an ID to my links first, right?

Any help is highly appreciated!
A thousand thanks! Cheers, V.

paologalli
tagDiv Member

Andrei
the icon is still the linkedin one not the whatsup…

the css code I’m using is the following

.td-social-linkedin{
background-color: #006699;
}
.td-sp-linkedin{
width: 32px;
height: 32px;
background-position: -24px -744px;
}
.td-sp-whatsapp{
background-position: -24px -743px;
}

the 2 icons are the same…

Catalin
tagDiv Staff

Hello DzielnyTabaluga,

Unfortunately, you cannot use height 100% to the entire theme body because the layout of it can be damaged, sorry! If you want to add this chart, please notice that you will have to create your custom container and then you can add your desired CSS in Theme panel with your desired width and height.

..your custom code..

.my_custom_chart{
width:100%;
height:100%;
}

Please notice that is just a simple example. This can be a starting point to your customization in this regard. If you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for the message!

Catalin
tagDiv Staff

Hello hadharm,

You will have to target only the homepage for your custom CSS code. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.home .td-header-sp-recs{
display:none!important;
}

Thanks.

Bogdan B.
tagDiv Staff

Hello,

Unfortunately there is no easy way to add a gradient to all blocks. It was added on the grids as the post title is over the image and if your images are too bright the title will not be shown, but it’s not needed if the text is under the image. Our theme has no setting to add the gradient. If you still want it, you can use this css code in the theme panel->custom css box:

.td-module-thumb a:last-child:before{
bottom: 0;
content: "";
display: block;
height: 70%;
width: 100%;
position: absolute;
z-index: 1;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}

Thank you!

Andrei L.
tagDiv Member

Hi

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

@media(max-width: 768px){
.td_block_12 {
height: 433px;
}
}

Thanks!

Bogdan B.
tagDiv Staff

Hello,

Pleas provide a link to your site so we can see this misalignment as we are not aware of such errors in our theme. I will need the link also to provide the proper css code to remove the button as our theme has no setting for this.

Thank you!

Andrei L.
tagDiv Member

Hi

Try this css in theme panel > custom code > custom css to change the position of the icon: http://screencast.com/t/5HK1c5bGNb

.td-sp-whatsapp{
background-position: -24px -743px;
}

Thanks!

Catalin
tagDiv Staff

Hello PACOETTC,

I guess that you are referring to the line height of paragraphs, right? There is an option for it in Theme panel ->Cusotm CSS area, like this -> http://screencast.com/t/vrlPgcoeb

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

Thanks for your understanding!

Bogdan B.
tagDiv Staff

Well you can add your code in the desktop section only so you do not affect other screen sizes.
As an alternative you can use ‘clear’: http://www.w3schools.com/cssref/pr_class_clear.asp
Thanks.

Catalin
tagDiv Staff

Hello ronens,

To avoid this flash you will have to edit your style.css core file and add there all your custom code, as my colleague Andrei explained you above. If you encounter some difficulties in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thank you for the message!

Viewing 25 results - 20,626 through 20,650 (of 33,436 total)