Please help me make these pages identical « Support Forum | Kriesi.at

Support Forum » Corona

Please help me make these pages identical

7 posts from 2 voices

Started 1 year ago by metropolitandetail
Latest reply from Devin
This topic is not a support question

Tags:

No tags yet.

metropolitandetail
Member

Go here please:

http://revamp.metropolitandetail.com/?page_id=750

Okay, here I have created the illusion of a two side bar page, when in reality it is a full size page with a 3 column setup in the middle set to 25% 50% 25% to help give the look of a two side bar page. I did this so that my price drop down list at the bottom could be as wide as the full size page.

It looks good at first glance, but there are a few changes I need help with to make it look identical to my other two side bar pages like this:

http://revamp.metropolitandetail.com/?page_id=757

Here is a list of things I need tweaked or added:

1.) It looks like the headings for the center column and the "side bars" are the opposite sizes. How do I make my center column header font size 19.5px and my outer "side bar" header font's 13px?

ALSO, It looks like my center column header is an active link. How do I deactivate this to just be text and unclickable?

2.) I need to add vertical and horizontal boarder lines or bottoms or whatever you call them to separate the columns and the categories. How do I do this?

3.) It looks like my category column list is inconsistent. How do I make it match it grey to match page 750?

Thank you very much!

Posted 1 year ago #
Devin
Moderator
Hi metropolitandetail,

1) I answered this first one partially in your other thread, but this will build upon that.
```
#top.page-id-750 .grid3 h3 {
font-size: 13px !important;
}
```
and the opposite for the middle column:
```
#top.page-id-750 .grid6 h3 {
font-size: 19.5px !important;
}
```
2) If you only want the content you have there, you can make the middle column a text only element and paste the code (including the shortcode) into the text box for that element. That will get rid of the link since its linking to the page content.
3)
```
#top.page-id-750 .widget_categories a{
color: #999;
}
```
Regards,

Devin
Posted 1 year ago #
metropolitandetail
Member

Wow thanks! A few things still:

1.) I added the ARCHIVES widget on the right side and your widget code does not seem to make it gray.

2.) I still would like horizontal 1px borders between CATEGORIES/ARCHIVES and vertical borders separating the columns like seen here:

http://revamp.metropolitandetail.com/?page_id=757

3.) I would rather remove the hyperlink from the DETAILING PACKAGES title so I Can still make visual editor changes to my descriptions.

4.) The gap between DETAILING PACKAGES title and the text seems a bit much, but I can't find how to change ONLY THAT.

5.) Also, it seems the default side bar template has slightly different margins for columns than 25% 50% 25%:

http://revamp.metropolitandetail.com/?page_id=757 see how the shearch bar is a little shorter? is there any way to replicate this? it looks like it would make room for the border bottoms I want!

If I can make all these changes I have successfully recreated a two side bar template with in a full size actual template!

Posted 1 year ago #
metropolitandetail
Member

update: I managed to fix my request #4. It was my error. Still need help on everything else thanks

Posted 1 year ago #
Devin
Moderator
Hi metropolitandetail,

1)Change the css a bit to target all widget links instead of just the categories one with:
```
#top.page-id-750 .widget a {
color: #999;
}
```
2) This one would take a lot of individual page editing because of the way the dynamic columns are spaced with padding. Even then it would break if you made any changes to the dynamic template because the individual element names would change.
3) This will remove the link for all dynamic column page content elements throughout the site:
Open includes>helper-templates and go to line 851. Replace:
$output .= "<h3 class='dynamic-column-title'><a href='".get_permalink()."' rel='bookmark' title='".__('Permanent link:','avia_framework')." ".get_the_title()."'>".get_the_title()."</a></h3>";
with
$output .= "<h3 class='dynamic-column-title'>".get_the_title()."</h3>";

5. You can target these alone with #top.page-id... and targeting the individual dynamic columns. Same warning as with #2.

Regards,

Devin
Posted 1 year ago #
metropolitandetail
Member

Okay thanks. So #3 worked like a charm but it seemed to have removed my right column widgets which you helped me turn from red to gray. ... I undid it for now. Any idea why it does that?

Posted 1 year ago #
Devin
Moderator

Hey metropolitandetail,

Thats odd, it shouldn't have any effect on widgets appearing or not as its just removing the link from the h3. When I tested it before posting, it didn't have that effect for me.

The comment right above where you add it should be "//check if we should display post content" .

Regards,

Devin

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.

Kriesi.at - Wordpress Themes and HTML Templates

Please help me make these pages identical

Reply

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…