Submenu title & single post changes

Posted in: Newsmag
Post count: 39

Hello.

1. i want to change font size and look of submenu title to look like this:
http://prntscr.com/8sw3ba
Can i change font size in theme option for this section or must change in style.css

2. On single post i need after date, to show published time (hours and minute) and i want SOURCE and VIA to insert under Post title, to look like this:
http://prntscr.com/8swa1c

I will use <VIA> to show source of the photo

Post count: 6535

Hi

1. Try this custom css i theme panel > custom css: http://screencast.com/t/sI4dZ4mylrz

.category .td-subcategory-header a.td-current-sub-category,
.category .td-subcategory-header .td-category a:hover {
background-color: transparent !important;
position: relative;
border-radius: 0;
}
.category .td-subcategory-header .entry-category a.td-current-sub-category:before,
.category .td-subcategory-header .entry-category a:hover:before {
content: '';  
background-color: #222;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-o-transform: skew(-30deg);
-ms-transform: skew(-30deg);
transform: skew(-30deg);
}

2. To add the published time you need to edit the file corresponding with the post template used and add this line of code like here: http://screencast.com/t/qLlMiEp0rkphttp://screencast.com/t/NyGF96PyB

<?php echo get_the_time('g:i a'); ?>

To move the Via Name and Via url on top follow this link: http://screencast.com/t/F2JZR7VU1A Also you need to add this css in theme panel > custom css: http://screencast.com/t/YGgeR18Imem5

.td-post-source-via{
display: inline-block;
    margin-left: 10px;
}

Thanks!

  • This reply was modified 10 years by Andrei L..
Post count: 39

Perfect, tagdiv support is best on the world! Few more things and my website will be excellent.

1. Can I also change tittle blocks on homepage created with VC to look like this
http://prntscr.com/8t9e7y

2. Can I change on single post, related post title block. I am not showing more from author, just related post to look like this: (change look and color)
http://prntscr.com/8t9flb

3. On category and subcategory page I also want to change Block title look and color to look like this:
http://prntscr.com/8t9hh4

4. I am using ajax filter on category pages, but I want to have only 2 option, to show just latest and popular posts, that mean i want to exclude: featured, 7 days popular, by review score and random. Is that posible?
http://prntscr.com/8t9j23

5. On home page I am using big grid with style 2, is that posible to change position and look of category tag to look like this:
http://prntscr.com/8t9ml1

Thank you very much

Post count: 6535

Hi

1,2,3,5. Try this css: http://screencast.com/t/Vwb2w4el

.td-related-title .td-cur-simple-item, .block-title span, .td-big-grid-post .td-big-grid-meta .td-post-category {
background-color: transparent !important;
position: relative;
border-radius: 0;
}
.td-related-title .td-cur-simple-item:before, .block-title span:before, .td-big-grid-post .td-big-grid-meta a.td-post-category:before{
content: '';
background-color: red;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-o-transform: skew(-30deg);
-ms-transform: skew(-30deg);
transform: skew(-30deg);
}
.td-related-title .td-related-left{
border: none!important;
}

4. Edit the td_category_template.php file and comment the indicated lines: http://screencast.com/t/wzh6lDt2l2Olhttp://screencast.com/t/bs3sJsV5q

Thanks!

Post count: 39

4. Excellent

1,2,3,5. Not work correctly with bulk editing, can you please give me solution for each part (question) separately. I want to teach parts of theme and make future customization of these parts without asking support again and again.

Thank you very much.

P.S. About my starting question on this topic, i added what you say but SOURCE and VIA dont have inline position, SOURCE is under VIA.
http://prntscr.com/8tmso4

Post count: 6535

Hi

I am not sure what you mean, as I’ve test the code on my side and works fine:

1. http://screencast.com/t/Vwb2w4el
2: http://screencast.com/t/3H3GWlk015q7
3: http://screencast.com/t/G61D46gKO
5. http://screencast.com/t/4S4jwhEx5I

Basically the same set of css instructions are applied for more elements. The elements are separated by comma.

4. The inline display applies only if it’s enough space for both elements to fit next to each other. Here http://screencast.com/t/z5pYfKYvOcW seams to be too little space for both elements

Thanks!

Post count: 39

I mean that some parts work good but for some styles of big grid category tag shows bad, like here>

http://prntscr.com/8udmeg

Post count: 6535

Hi

Sorry about that.
Try to remove this line of code: position: relative; from the css: http://screencast.com/t/3I6mwNJ5LyL

Thanks!

Post count: 39

About my first 2 questions on this topic.

I added codes and change loop-single and now under Post tittle i have published time and SOURCE & VIA, but tjat work only with default post template.

Do i need to change loop-single1 – loopsingle2 and where to put code?

Thank you!

Post count: 6535

Hi

You need to edit every file corresponding with the post template used. For example for post template 8 the file that must be edited is: loop-single-8.php http://screencast.com/t/nwDARukdyGXj

Thanks!

Viewing 10 posts - 1 through 10 (of 10 total)
You must be logged in to reply to this topic.