Search Results for 'css'

Hi,

It shows like that because you use just one post, you can chose a different block like block 6 and then use this custom css to fix it page:

.page .td_mod9 .thumb-wrap {
display: none;
}

.page .td_mod9 .item-details {
margin-left: 0px;
} 

Change the .page class with the .page-id class of the page you are using this css on.
Should look like this: http://screencast.com/t/HZAarNcFn0WH
You can change the excerpt length from theme panel > excerpt for each module, in this case you will have to change the module 9 excerpt length.
Hope this helps!

Thanks

• This reply was modified 11 years by Lucian.

Hi,

We will consider this, thanks for the suggestion.

Thanks for the message!

Hi,

You would have to place the code for them here: http://screencast.com/t/oVGKzHWhn
This is the code I used there as an example:

echo '<span class="my-custom-title">MY TITLE</span>';

And this is how it looks: http://screencast.com/t/vqHVNFI3O8
You can style it to look like you want via css, use the class add to span tag:
This is the css I used:

span.my-custom-title {
position: relative;
width: 100px;
height: 100px;
background-color: transparent;
font-family: fantasy;
font-size: 100px;
color: aliceblue;
}

Modify it as you like or write another.
Use the same method to add other elements. If you don’t have any css and html knowledge we recommend to hire a freelancer to do this for you.

Thanks

Hi,

You could do it the same way just instead of the function you could try to place the script or the code you want to show there inside a div tag and give it a class then use that class to style it via css.
Another way would be to place your code inside one of the custom ad boxes: http://screencast.com/t/vbmiKoAV8n then use the do_shortcode() function to place the code whre you want it to show using this code:

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

Just add your code inside the custom ad box 1 then place the code above where you want the block of links to show.
If it dose not work please try the other solution. If you don’t have basic css and html skills we recommend you to hire a freelancer from sites like http://studio.envato.com/ to do it for you, or you can try to search the web for a solution as this is custom work and we cannot offer custom work as we work hard on the development, updates, fixes and support.
Hope this helps!

Thanks

Hi,

Sorry about this! I saw the picture and thought you don’t want the logo, haven’t looked well at it, just remove the custom css I gave you from theme panel > custom css, it will show up.
You can use page builder to make your list of link and then get the shortcode and ad it using the do_shortcode function on the header or after the ad where ever you want the link to show on your page.

Hope this helps!
Thanks

Hi,

You will have to use the default header style (style 1 from theme pane > header style http://screencast.com/t/YaDPSlWbPjE ) then go to header-style-1.php file and make this changes: http://screencast.com/t/LDkej9E2J

Then use this custom css > in them panel > custom css filed:

.td-a-rec-id-header {
left: 5px !important;
top: 15px !important;
}

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

Thanks

Hi,

It dose not work because the .bypostauthor class it’s not used. If you want to highlight only the post author comments you will have to modify the comments.php file and add a class there which will be displayed only if this condition is met then you will be able to style it via css, you can get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.

Thnaks

Hi,

Please use this css in theme panel > custom css, and add !important, like this padding-right: 50px!important; if it’s not working:

.sf-menu .menu-item a.sf-with-ul {
padding-right: 50px!important;
padding-left: 50px;
}

.sf-menu .menu-item .sf-sub-indicator {
right: 40px;
}

Change the values as you like, I have tested this on your site an works like this:http://screencast.com/t/Dy476b64z8QB

Thanks

Hi,

You can do this by adding your ad code for the “header ad” like this: http://screencast.com/t/4ha9Rihm4C8
Then chose header style 3 or 6 like this: http://screencast.com/t/vqALWiLD
After this add this custom css:

.header-style-3 {
display: none;
}

..in theme panel > custom css, like this: http://screencast.com/t/Exfbwrgj
Should get this result: http://screencast.com/t/o5dnzOfRf

Thanks

Hi Christopher,

As you can see the div of the sidebar has just two classes span4 column_container and it’s a bit harder to target just the sidebar via css and change it’s background color as long as a div just like that is used in the footer also and changing the sidebar will get you changing the footer also, here is an example: http://screencast.com/t/rPW4QDKyh

You can do it tough by adding a specific class on each template you want to change the sidebar color then use that class to target the sidebar and change it’s color via custom css. Here is an example for the category page template: http://screencast.com/t/bTwprqfBwJ and the result: http://screencast.com/t/MNts8tpk
using this css:

.custom-sidebar-background {
background-color: lightgray;
}

You can add this class for all templates and use it to change the sidebar’s background color.
Another thing that you should take into consideration is that the sidebar doesn’t have any padding so you would want to add some padding to it using the same class, but keep in mind that the some blocks may react not in an expected way to this padding because of the width.
Also, as you probably noticed, the post page sidebar has a class which you can use .td-post-sidebar

Regarding the option on panel for this we will leave this at everyone’s hand and use this method to achieve this. This option will be available though within our new theme which we are working on.

Hope this helps!
Thanks

• This reply was modified 11 years by Lucian.

Hi,

Glad you figured it out, I did not understand yet why do you need to shrink the tabs, look good to me.
Regarding the rev slider please use this css instead of the previous one:

.rev_slider {
z-index: 0;
}

I have tested it on your site and should work fine like this: http://screencast.com/t/3frR0Nh3iPz

Thanks