Search Results for 'css'

Results from the Forum
OuweAap
tagDiv Member

Ok Lucian,

That works, but now the gap between the reduced image and the text is too big. (too much white space) See here: http://goo.gl/3jQnMP

What CSS code moves the text-part 50% towards the image? So that there is more space for the text. So not move the whole text-block a bit to the left but make it a bit more wide so that the gap between image and text is smaller.

Thank you 🙂

Greets from South Africa

  • This reply was modified 12 years by OuweAap.
bobbyd67
tagDiv Member

I added the css and it worked fine.

But animations still are not working?

Lucian
tagDiv Staff

Can be done via CSS, here is a quick test

.entry-title a,
.td-post-text-content,
.widget a,
.extend,
.pages,
li,
h1,
h2,
h3,
h4,
p,
a,
.next-prev,
textarea
{
color: white !important;
}

body,
.container,
.extend,
.pages,
.td-tags-and-social-wrapper-box,
.author-box-wrap,
.td-header-bg,
textarea
{
background-color: #000000  !important;
}

.author-box-wrap,
.td-tags-and-social-wrapper-box,
textarea  {
border-color: #222222;
}

Thanks!

Buggin
Participant
#0

Hi,

I’ve change my header background image to full width, I’ve change the page background in style.css, but I don’t find how to change the background color of the website (behind the menu and above the footer). Can you help me with a little css code to allow this (I know that it’s not possible to have a full width website if we change this color directly in the theme panel)…

Thanks a lot !

Lucian
tagDiv Staff

Hi,

Add your Adsense code to Custom Ad 1 and then add this code: http://pastebin.com/NdhJZPzd to category.php file like this: http://screencast.com/t/lEldbqcA

For Homepage add the same code to index.php file like this: http://screencast.com/t/co4lWoWfr9W

To center it add this custom CSS in Theme Panel -> Custom CSS:

.top-ad .td-g-rec {
margin-left: auto;
margin-right: auto;
display: table;
}

Thanks

Lucian
tagDiv Staff

Hi,

Please add this CSS in Theme Panel -> Custom CSS:

/* responsive phone */
@media (max-width: 767px) {
.td-timline-h1-link a {
line-height: 21px;
width: 250px;
vertical-align: top;
}        
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
.td-timline-h1-link a {
line-height: 21px;
width: 300px;
vertical-align: top;
}        
}
/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1999px) {
.td-timline-h1-link a {
line-height: 21px;
width: 450px;
vertical-align: top;
}
}    
/* responsive monitor */
@media (min-width: 1200px) {
.td-timline-h1-link a {
line-height: 21px;
width: 528px;
vertical-align: top;
}    
}

Thanks

  • This reply was modified 12 years by Lucian.
Lucian
tagDiv Staff

Hi,

Add this custom CSS in Theme Panel -> Custom CSS :

.single .author-box-wrap {
margin-bottom: 40px;
}

Thanks

bobbyd67
tagDiv Member

I will add the css to fix buttons etc.

Why is VC now not working? I have the latest theme and VC

Darren

OuweAap
Participant
#0

Hi,

Is there a way to shrink the size of Block 6 images by 20%? Sidewide and through custom CSS?
If so, please show me the custom CSS code to do so.

Thank yoy

meringer
Participant
#0

My name “Matthias M. Meringer” has lots of characters. I think that’s why the tagDiv Login Form widget renders a line break in the top right widget area when I’m logged in. The same happens with other long names.

Can you give me some CSS based advice on how to prevent that line break in case of too long names?

Matthias

Lucian
tagDiv Staff

Hi,

Please follow this steps:

1. Using page builder add and configure “Social icons” and then switch to Classic Mode to get the shortcode like this http://screencast.com/t/QB6MexTB

2. Go to menu-header.php and replace the search icon with the following code like this: http://screencast.com/t/8H2XL18lRGr

<?php echo do_shortcode('Your Shortcode goes here'); ?>

Replace with your code like this: http://screencast.com/t/XOMIQbN1s

3. Inside the same menu-header.php file you have to change those classes like this:

…the one from the top to "span 9" http://screencast.com/t/3Kq6hyj0f and the one from the bottom to "span 3" like this http://screencast.com/t/J8nJjrVazN

4. Last add this custom CSS:

#td-top-search {
width: auto !important;
margin-left: 0px !important;
}

#td-top-search .td-social-wrap {
position: relative;
top: 10px;
}

…in Theme Panel -> Cutom CSS

Result: http://screencast.com/t/3WBgoKQ9j

Thanks

Lucian
tagDiv Staff

Hi,

Try this custom CSS:

.header-style-3 div.td-grid-wrap {
padding-top: 0px !important;
}

…add it in Theme Panel Custom CSS like this: http://screencast.com/t/dBLKd9oR4R8

Thanks

Lucian
tagDiv Staff

Hi,

Use a Custom Ad instead the Article Bottom Ad:

1. Go to Theme Panel -> Ads and move the Adsense code from Article Bottom Ad to Custom Ad 1 like this: http://screencast.com/t/FBuM88yc5

Replace the code for the ad in the single.php file with this one:

<?php echo do_shortcode('[td_ad_box spot_id="custom_ad_1"]'); ?>

Then add this CSS in Theme Panel -> Cutom CSS:

.td-a-rec-id-custom_ad_1 {
margin-top: 20px;
margin-bottom: 20px;
}

Thanks

Lucian
tagDiv Staff

Hi,

The CSS animation should work if you have the latest theme version and also the VC.

To fix the buttos, please add this CSS in Theme panel -> Custom CSS

.wpb_button_a span {
display: inline-block;
border-radius: 4px;
}

To fix the map from contact page add this CSS:

.wpb_gmaps_widget .wpb_map_wraper iframe {
width: 100%;
}

About the visual composer, we will update it in each theme update.

Sorry for the delay

  • This reply was modified 12 years by Lucian.
igorx81
tagDiv Member

I’m just doing some test so it’s not online yet.
By the way i’m using the original css with Full responsive (980px) and Style 3 – (full width logo) + menu.

Thanks,
Igor

Lucian
tagDiv Staff

Hi,

Please give me a link to see this issue and i will provide you a CSS to fix it.

Thanks

Lucian
tagDiv Staff

Hi,

Please add this code:

<?php echo do_shortcode('[td_ad_box spot_id="content_bottom"]'); ?>

…to your single.php file like this: http://screencast.com/t/My2fHvSBj

Add this code in Theme Panel -> Custom CSS to move the ad box further from the diqus block:

.td-a-rec-id-content_bottom {
margin-top: 20px;
}

Should look like this: http://screencast.com/t/ZOFFoxhXNuB

Thanks

Lucian
tagDiv Staff

Hi,

1. Replace single.php file with this: http://pastebin.com/te1XynKV
2. Replace loop-single.php file with this: http://pastebin.com/11Z04FPy

3. Add this CSS:

.entry-crumbs {
position: relative;
top: 20px;
}

.span12 .td_grid_wrap {
padding-top: 25px;
}

.single-post .post {
padding-top: 35px;
padding-bottom: 0px;
}

.single-post .td-page-wrap .span12 .td-grid-wrap {
padding-top: 0px;
}
OuweAap
tagDiv Member

I figured it out, just removed the .home 🙂

OuweAap
tagDiv Member

Unfortunately, it only works on my homepage, not the other pages. 🙁

Try it at http://www.techplanet.nl

Any idea how to fix that?

OuweAap
tagDiv Member

Perfect, thanks Lucian!

Lucian
tagDiv Staff

Hi,

Add this CSS in Theme Panel -> Custom CSS:

.home .td_read_more {
position: relative;
bottom: -20px;
}

Thanks

  • This reply was modified 12 years by Lucian.
Lucian
tagDiv Staff

Hi,

The issue is because your CSS for that tour tab comes from style.css not from the visual composer CSS like should be as normal, see here: http://screencast.com/t/L8LsIUmtuG1

Your style is different: http://screencast.com/t/bVX2h7SCM

You have done some modification on CSS?, or you have a plugin that minify all your style CSS?

Please disable the minify.
Thanks!

bobbyd67
Participant
#0

Hi Guys,

I just updated the theme to 3.9.1 and have some urgent problems.

I also updated Visual Composer as it too said it needed update. I deleted the plugin then uploaded from folder in theme as instructed.

But the problems I now have is CSS animations are not working.

Here is the url: http://www.powercontrol.com.au/giovenzana-automation/

All pages animations seem not to be working.

Alignment of several modules created with Visual Composer are now all over the place.

For example on this page you can see the buttons are over lapping http://www.powercontrol.com.au/safe-t-pull/safe-t-pull-wire-switches/ . Plus the buttons are now not rounded corners?

http://www.powercontrol.com.au/contact-us/ you can see here the google map is over lapping the contact form ( it wasnt before ).

I too as others have had is getting the ” Hola! Please activate your copy of Visual Composer to receive automatic updates. ”

I am not sure if the theme is the problem or VC.

Please advise asap as this is a live customers site.

Thanks Darren

OuweAap
Participant
#0

Hi there,

Please see my website http://www.techplanet.nl.

I would really like to move the “Read more” squares (In Dutch “Lees verder”) down a little bit. I think they are by default to close to the text. Check here for an illustration: http://goo.gl/GO22Tm

And I would like the modification to be update proof, so it would have to be custom CSS code.
Can you supply me with that?

P.s. I’m using Block 6

Thanks dudes 🙂

Andre

Viewing 25 results - 32,301 through 32,325 (of 33,436 total)